[Redizajn 1KA] - Moje ankete --> Nova anketa - v8

Layout
This commit is contained in:
tejagerjovic 2022-01-06 20:16:41 +01:00
parent db9eda8981
commit 84beef6fbf
3 changed files with 35 additions and 6 deletions

View File

@ -13919,7 +13919,7 @@ div#main.hide_header {
border-bottom: none; border-bottom: none;
box-sizing: border-box; box-sizing: border-box;
flex-shrink: 0; flex-shrink: 0;
margin-right: 64px; margin-right: 0;
box-shadow: none; box-shadow: none;
height: fit-content; height: fit-content;
} }
@ -13981,6 +13981,10 @@ and open the template in the editor.
margin-top: 64px; margin-top: 64px;
display: flex; display: flex;
justify-content: center; justify-content: center;
width: 90%;
}
#new_anketa_div .layout_right_item .layout_right_centering {
max-width: 1060px;
} }
#new_anketa_div .layout_right_item .layout_right_centering span.faicon.fa-times { #new_anketa_div .layout_right_item .layout_right_centering span.faicon.fa-times {
position: absolute; position: absolute;
@ -13996,6 +14000,17 @@ and open the template in the editor.
#new_anketa_div .layout_right_item .layout_right_centering .fieldset .title { #new_anketa_div .layout_right_item .layout_right_centering .fieldset .title {
margin-bottom: 32px; margin-bottom: 32px;
font-size: 26px; font-size: 26px;
overflow: hidden;
}
#new_anketa_div .layout_right_item .layout_right_centering .fieldset .title:after {
content: "";
display: inline-block;
height: 0.5em;
vertical-align: bottom;
width: 100vw;
margin-right: -100%;
margin-left: 12px;
border-top: 1px solid #C4C4C4;
} }
#new_anketa_div .layout_right_item .layout_right_centering .fieldset p.bottom32 { #new_anketa_div .layout_right_item .layout_right_centering .fieldset p.bottom32 {
margin-bottom: 32px; margin-bottom: 32px;
@ -14333,7 +14348,7 @@ and open the template in the editor.
margin-right: 32px; margin-right: 32px;
} }
#new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #input_field_holder #input_field textarea {
width: 519px; width: 514px;
height: 370px; height: 370px;
box-sizing: border-box; box-sizing: border-box;
border-color: #E5E5E5; border-color: #E5E5E5;
@ -14351,7 +14366,7 @@ and open the template in the editor.
flex-shrink: 0; flex-shrink: 0;
} }
#new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field { #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field {
width: 519px; width: 514px;
height: 370px; height: 370px;
box-sizing: border-box; box-sizing: border-box;
overflow: auto; overflow: auto;

View File

@ -14,7 +14,7 @@
box-sizing: border-box; box-sizing: border-box;
flex-shrink: 0; flex-shrink: 0;
margin-right: 64px; margin-right: 0;
box-shadow: none; box-shadow: none;

View File

@ -26,8 +26,10 @@ $skin_selector: $red;
margin-top: 64px; margin-top: 64px;
display: flex; display: flex;
justify-content: center; justify-content: center;
width: 90%;
.layout_right_centering { .layout_right_centering {
max-width: 1060px;
span.faicon.fa-times { span.faicon.fa-times {
position: absolute; position: absolute;
@ -47,6 +49,18 @@ $skin_selector: $red;
.title { .title {
margin-bottom: 32px; margin-bottom: 32px;
font-size: 26px; font-size: 26px;
overflow: hidden;
&:after {
content: "";
display: inline-block;
height: 0.5em;
vertical-align: bottom;
width: 100vw;
margin-right: -100%;
margin-left: 12px;
border-top: 1px solid $dark-gray;
}
} }
p { p {
@ -464,7 +478,7 @@ $skin_selector: $red;
margin-right: 32px; margin-right: 32px;
textarea{ textarea{
width: 519px; width: 514px;
height: 370px; height: 370px;
box-sizing: border-box; box-sizing: border-box;
@ -487,7 +501,7 @@ $skin_selector: $red;
flex-shrink: 0; flex-shrink: 0;
#preview_field{ #preview_field{
width: 519px; width: 514px;
height: 370px; height: 370px;
box-sizing: border-box; box-sizing: border-box;
overflow: auto; overflow: auto;