objava-pregled responsive block

This commit is contained in:
Nejc Kovač 2022-07-18 16:16:36 +02:00
parent b13f70d848
commit d00951513a
2 changed files with 31 additions and 20 deletions

View File

@ -24507,8 +24507,6 @@ div#vabila div.button_holder .copy_survey_url_holder button {
} }
div#vabila div.button_holder #nice_url_button { div#vabila div.button_holder #nice_url_button {
margin: 0 0 0 32px; margin: 0 0 0 32px;
background-color: #FFC700;
border: 1px #FFC700 solid;
} }
div#vabila div.button_holder #nice_url_holder { div#vabila div.button_holder #nice_url_holder {
display: flex; display: flex;
@ -24557,11 +24555,11 @@ div#vabila div.more {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
gap: 16px 32px; gap: 16px;
} }
div#vabila div.more div.more_block { div#vabila div.more div.more_block {
height: auto; height: auto;
width: 298px; width: 464px;
background-color: #FFFFFF; background-color: #FFFFFF;
border: 1px solid #E5E5E5; border: 1px solid #E5E5E5;
padding: 16px; padding: 16px;
@ -24654,7 +24652,7 @@ 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_block {
width: 40% !important; width: 42% !important;
} }
} }
@media screen and (max-width: 1025px) { @media screen and (max-width: 1025px) {
@ -24676,8 +24674,11 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
.page_vabila #vabila .button_holder #nice_url_holder { .page_vabila #vabila .button_holder #nice_url_holder {
flex-direction: row !important; flex-direction: row !important;
} }
.page_vabila #vabila .button_holder #nice_url_holder .url {
margin-top: 9px;
}
.page_vabila #vabila .button_holder #nice_url_holder .buttons { .page_vabila #vabila .button_holder #nice_url_holder .buttons {
margin: 0px !important; margin: 9px 0px 0px 0px !important;
} }
} }
@media screen and (max-width: 725px) { @media screen and (max-width: 725px) {
@ -24685,19 +24686,19 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
font-size: 20px !important; font-size: 20px !important;
} }
} }
@media screen and (max-width: 540px) { @media screen and (max-width: 660px) {
.page_vabila #vabila .more .more_block { .page_vabila #vabila .more .more_block {
width: unset !important; width: unset !important;
width: 100% !important; width: 100% !important;
} }
.page_vabila #vabila .more .more_block #text {
width: 100%;
}
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.page_vabila #vabila .button_holder #nice_url_holder { .page_vabila #vabila .button_holder #nice_url_holder {
flex-direction: column !important; flex-direction: column !important;
} }
.page_vabila #vabila .button_holder #nice_url_holder .buttons {
margin: 0px !important;
}
} }
.page_invitations .invitations_holder.half-half { .page_invitations .invitations_holder.half-half {
display: flex; display: flex;

View File

@ -124,8 +124,7 @@ div#vabila {
// Nice URL - gumb // Nice URL - gumb
#nice_url_button{ #nice_url_button{
margin: 0 0 0 32px; margin: 0 0 0 32px;
background-color: #FFC700;
border: 1px #FFC700 solid;
} }
// Nice URL - dodajanje // Nice URL - dodajanje
@ -190,11 +189,11 @@ div#vabila {
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
gap: 16px 32px; gap: 16px;
div.more_block { div.more_block {
height: auto; height: auto;
width: 298px; width: 464px;
background-color: $white; background-color: $white;
border: 1px solid $gray; border: 1px solid $gray;
@ -341,7 +340,7 @@ div#general_popup {
@media screen and (max-width: 1130px){ @media screen and (max-width: 1130px){
.more_block{ .more_block{
width: 40% !important; width: 42% !important;
} }
} }
@ -395,8 +394,13 @@ div#general_popup {
flex-direction: row !important; flex-direction: row !important;
.url{
margin-top: 9px;
}
.buttons{ .buttons{
margin: 0px !important; margin: 9px 0px 0px 0px !important;
} }
} }
@ -419,7 +423,7 @@ div#general_popup {
} }
} }
@media screen and (max-width: 540px) { @media screen and (max-width: 660px) {
.page_vabila{ .page_vabila{
#vabila{ #vabila{
@ -430,7 +434,15 @@ div#general_popup {
.more_block{ .more_block{
width: unset !important; width: unset !important;
width: 100% !important; width: 100% !important;
#text {
width: 100%;
}
} }
} }
@ -451,9 +463,7 @@ div#general_popup {
flex-direction: column !important; flex-direction: column !important;
.buttons{
margin: 0px !important;
}
} }