may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Objava-pregled - načini deljenja responsive

Browse Source
This commit is contained in:
Nejc Kovač 2022-07-19 11:44:59 +02:00
parent bf524f6f22
commit 04fb8d8268
2 changed files with 49 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
public/css/admin_new.css
View File

@ -24911,16 +24911,17 @@ div#vabila div.niceurl span.faicon {
cursor: pointer; cursor: pointer;
} }
div#vabila div.more { div#vabila div.more {
display: flex; display: grid;
flex-direction: row; grid-template-columns: 1fr 1fr 1fr;
flex-wrap: wrap; column-gap: 32px;
gap: 16px; row-gap: 14px;
} }
div#vabila div.more div.more_block { div#vabila div.more div.more_block {
height: auto; height: auto;
width: 464px; width: 100%;
max-width: 298px;
background-color: #FFFFFF; background-color: #FFFFFF;
border: 1px solid #E5E5E5; border: 1px solid red;
padding: 16px; padding: 16px;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
@ -25010,8 +25011,13 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
} }
@media screen and (max-width: 1130px) { @media screen and (max-width: 1130px) {
.more_block { .more {
width: 42% !important; grid-template-columns: 1fr 1fr !important;
column-gap: 32px;
row-gap: 14px;
}
.more .more_block {
max-width: 92% !important;
} }
} }
@media screen and (max-width: 1025px) { @media screen and (max-width: 1025px) {
@ -25039,6 +25045,9 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
.page_vabila #vabila .button_holder #nice_url_holder .buttons { .page_vabila #vabila .button_holder #nice_url_holder .buttons {
margin: 9px 0px 0px 0px !important; margin: 9px 0px 0px 0px !important;
} }
div#vabila div.more div.more_block {
width: 89% !important;
}
} }
@media screen and (max-width: 725px) { @media screen and (max-width: 725px) {
h2 { h2 {
@ -25046,9 +25055,12 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
} }
} }
@media screen and (max-width: 660px) { @media screen and (max-width: 660px) {
.page_vabila #vabila .more {
grid-template-columns: 1fr !important;
}
.page_vabila #vabila .more .more_block { .page_vabila #vabila .more .more_block {
width: unset !important;
width: 100% !important; width: 100% !important;
max-width: 93% !important;
} }
.page_vabila #vabila .more .more_block #text { .page_vabila #vabila .more .more_block #text {
width: 100%; width: 100%;

38
resources/sass/admin_new/pages/survey_objava/pregled.scss
View File

@ -185,18 +185,21 @@ div#vabila {
// Več načinov deljenja ankete // Več načinov deljenja ankete
div.more { div.more {
display: flex; display: grid;
flex-direction: row; grid-template-columns: 1fr 1fr 1fr;
flex-wrap: wrap; column-gap: 32px;
row-gap: 14px;
gap: 16px;
div.more_block { div.more_block {
height: auto; height: auto;
width: 464px; width: 100%;
max-width: 298px;
background-color: $white; background-color: $white;
border: 1px solid $gray; border: 1px solid red;
padding: 16px; padding: 16px;
@ -259,6 +262,8 @@ div#vabila {
} }
// div.more_block:first-of-type{ // div.more_block:first-of-type{
// .more_title{ // .more_title{
// color: #FFC700; // color: #FFC700;
@ -337,10 +342,17 @@ div#general_popup {
} }
@media screen and (max-width: 1130px){ @media screen and (max-width: 1130px) {
.more_block{ .more {
width: 42% !important; grid-template-columns: 1fr 1fr !important;
column-gap: 32px;
row-gap: 14px;
.more_block{
// max-width: 470px !important;
max-width: 92% !important;
}
} }
} }
@ -413,6 +425,9 @@ div#general_popup {
} }
div#vabila div.more div.more_block {
width: 89% !important;
}
} }
@ -431,9 +446,12 @@ div#general_popup {
.more{ .more{
grid-template-columns: 1fr !important;
.more_block{ .more_block{
width: unset !important;
width: 100% !important; width: 100% !important;
max-width: 93% !important;
#text { #text {
width: 100%; width: 100%;