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;
}
div#vabila div.more {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 32px;
row-gap: 14px;
}
div#vabila div.more div.more_block {
height: auto;
width: 464px;
width: 100%;
max-width: 298px;
background-color: #FFFFFF;
border: 1px solid #E5E5E5;
border: 1px solid red;
padding: 16px;
font-size: 14px;
cursor: pointer;
@ -25010,8 +25011,13 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
}
@media screen and (max-width: 1130px) {
.more_block {
width: 42% !important;
.more {
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) {
@ -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 {
margin: 9px 0px 0px 0px !important;
}
div#vabila div.more div.more_block {
width: 89% !important;
}
}
@media screen and (max-width: 725px) {
h2 {
@ -25046,9 +25055,12 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
}
}
@media screen and (max-width: 660px) {
.page_vabila #vabila .more {
grid-template-columns: 1fr !important;
}
.page_vabila #vabila .more .more_block {
width: unset !important;
width: 100% !important;
max-width: 93% !important;
}
.page_vabila #vabila .more .more_block #text {
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
div.more {
display: flex;
flex-direction: row;
flex-wrap: wrap;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 32px;
row-gap: 14px;
gap: 16px;
div.more_block {
height: auto;
width: 464px;
width: 100%;
max-width: 298px;
background-color: $white;
border: 1px solid $gray;
border: 1px solid red;
padding: 16px;
@ -259,6 +262,8 @@ div#vabila {
}
// div.more_block:first-of-type{
// .more_title{
// color: #FFC700;
@ -337,10 +342,17 @@ div#general_popup {
}
@media screen and (max-width: 1130px){
@media screen and (max-width: 1130px) {
.more_block{
width: 42% !important;
.more {
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{
grid-template-columns: 1fr !important;
.more_block{
width: unset !important;
width: 100% !important;
max-width: 93% !important;
#text {
width: 100%;