Commit 15c7c0b5 authored by Felix Macho's avatar Felix Macho
Browse files

Update

parent 3400c57d
......@@ -7,9 +7,9 @@
////////////////////////////
section.container {
width: 75%;
height: 90%;
margin: auto;
width: 80%;
height: 95%;
margin: auto 0 auto 0;
background-color: $background-light;
border: solid 0.5rem $secondary;
filter: drop-shadow(0 0 0.25rem $background-dark);
......@@ -21,6 +21,11 @@ section.container {
grid-template-areas:
"create"
"content";
@include tablet{
width: 90%;
margin: 0;
}
h2 {
grid-area: create;
color: $background-sexy;
......@@ -35,7 +40,7 @@ section.container {
border-top-right-radius: 0.5rem;
}
.inner-container {
width: 90%;
width: 95%;
height: 90%;
margin: auto;
grid-area: content;
......@@ -45,25 +50,23 @@ section.container {
display: flex;
justify-content: center;
align-items: center;
form {
width: auto;
max-width: 100%;
height: 100%;
display: grid;
padding: .5rem;
grid-template-columns: 35% 32.5% 32.5%;
grid-template-rows: 20% 40% 15% 10%;
grid-row-gap: 5%;
grid-template-areas:
"post-title post-image post-file"
"post-title post-file post-file"
"post-content-text post-content-text post-content-text"
"post-tags post-tags post-tags"
"post-submit post-submit post-submit";
& > div {
// margin-left: auto;
// margin-right: auto;
}
label {
color: $background-sexy;
font-size: 1.3rem;
......@@ -123,32 +126,66 @@ section.container {
filter: drop-shadow(0 0.25rem 0.25rem $background-sexy);
}
}
.field_content_image {
grid-area: post-image;
display: flex;
flex-flow: column nowrap;
margin-left: 6rem;
justify-content: center;
input {
cursor: pointer;
margin-top: 0.25rem;
filter: drop-shadow(0 0.25rem 0.25rem $background-sexy);
}
}
.field_content_file {
.content{
grid-area: post-file;
display: flex;
flex-flow: column nowrap;
//margin-left: 6rem;
justify-content: center;
input {
cursor: pointer;
margin-top: 0.25rem;
filter: drop-shadow(0 0.25rem 0.25rem $background-sexy);
flex-flow: row wrap;
justify-content: end;
label{
padding-right: 1rem;
@include mobile{
padding-right: 0.5rem;
margin-left: 0;
font-size: 90%;
align-self: center;
}
}
.field_content_image {
@include tablet{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-left: 3rem;
}
@include mobile{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-left: 0;
}
display: flex;
justify-content: center;
input {
cursor: pointer;
margin-top: 0.25rem;
filter: drop-shadow(0 0.25rem 0.25rem $background-sexy);
}
}
.field_content_file {
@include tablet{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-left: 3.75rem;
}
@include mobile{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-left: 0.75rem;
}
display: flex;
justify-content: center;
input {
cursor: pointer;
margin-top: 0.25rem;
filter: drop-shadow(0 0.25rem 0.25rem $background-sexy);
}
}
}
.actions {
grid-area: post-submit;
margin: auto;
......
......@@ -26,20 +26,22 @@
<%= form.text_area :content_text, class: "post-textarea" %>
</div>
<div class="field_content_image">
<%= form.label :content_image, "Image" %>
<%= form.file_field :content_image, multiple: true %>
<div class="content">
<div class="field_content_image">
<%= form.label :content_image, "Image:" %>
<%= form.file_field :content_image, multiple: true %>
</div>
<div class="field_content_file">
<%= form.label :content_file, "File:" %>
<%= form.file_field :content_file %>
</div>
</div>
<div class="field_content_tags">
<%= form.label :tag_list, "Tags" %>
<%= form.text_field :tag_list %>
</div>
<div class="field_content_file">
<%= form.label :content_file, "File" %>
<%= form.file_field :content_file %>
</div>
<div class="actions">
<%= form.submit 'Create Post', :class => 'submit' %>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment