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

urejanje-->objava options styling

Browse Source
This commit is contained in:
Nejc Kovač 2022-08-16 16:05:02 +02:00
parent e6aa999cef
commit f25ca2341c
3 changed files with 61 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
admin/survey/classes/class.SurveyTheme.php
View File

@ -774,6 +774,7 @@ class SurveyTheme {
// echo '</div>'; // echo '</div>';
// Ime teme // Ime teme
echo "<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>";
echo '<span class="theme_name">'; echo '<span class="theme_name">';
echo self::strip_name($simple_name.($simple_name=='1kaBlue' || $simple_name=='MobileBlue' ? ' ('.$lang['default'].')' : '')); echo self::strip_name($simple_name.($simple_name=='1kaBlue' || $simple_name=='MobileBlue' ? ' ('.$lang['default'].')' : ''));

32
public/css/admin_new.css
View File

@ -20934,16 +20934,14 @@ div.page_tema div.theme_list div.options div.buttons-window {
position: absolute; position: absolute;
bottom: 20px; bottom: 20px;
max-width: 113px; max-width: 113px;
filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
margin-right: 5px; margin-right: 5px;
background-color: white; background-color: white;
} }
div.page_tema div.theme_list div.options div.buttons-window .button.palette {
padding-top: 20px;
padding-bottom: 4px;
}
div.page_tema div.theme_list div.options div.buttons-window .button { div.page_tema div.theme_list div.options div.buttons-window .button {
border: none; border: none;
padding: 19px 16px 0px 16px; margin: 8px auto 8px auto;
text-align: center;
} }
div.page_tema div.theme_list div.options div.buttons-window .button .fa-hand-pointer { div.page_tema div.theme_list div.options div.buttons-window .button .fa-hand-pointer {
margin-right: 12px; margin-right: 12px;
@ -20951,11 +20949,8 @@ div.page_tema div.theme_list div.options div.buttons-window .button .fa-hand-poi
div.page_tema div.theme_list div.options div.buttons-window .button .trash { div.page_tema div.theme_list div.options div.buttons-window .button .trash {
margin-right: 12px; margin-right: 12px;
} }
div.page_tema div.theme_list div.options div.buttons-window .button:last-of-type { div.page_tema div.theme_list div.options div.buttons-window .button .faicon {
padding-bottom: 19px; vertical-align: middle;
}
div.page_tema div.theme_list div.options div.buttons-window .theme_delete {
padding-top: 22px;
} }
div.page_tema div.theme_list div.options div.buttons-window.active { div.page_tema div.theme_list div.options div.buttons-window.active {
display: block; display: block;
@ -21031,10 +21026,10 @@ div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label {
background-color: #F8F8F8; background-color: #F8F8F8;
border: 1px solid #F8F8F8; border: 1px solid #F8F8F8;
padding: 14px 16px; padding: 14px 16px;
margin-bottom: 16px;
} }
div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_content { div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_content {
border-bottom: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;
padding-bottom: 15px;
box-sizing: border-box; box-sizing: border-box;
} }
div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_content img { div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_content img {
@ -21046,15 +21041,23 @@ div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_l
} }
div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_content span.theme_name { div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_content span.theme_name {
font-weight: 600; font-weight: 600;
font-family: "Roboto";
font-weight: 500;
} }
div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options { div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 16px;
} }
div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options span.theme_name { div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options span.theme_name {
font-weight: 500; font-weight: 500;
text-transform: uppercase;
font-family: "Roboto";
font-size: 14px;
display: flex;
align-items: center;
} }
div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options div.button { div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options div.button {
background: #FFFFFF; background: #FFFFFF;
@ -21075,6 +21078,9 @@ div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_l
margin: 0; margin: 0;
color: #1E88E5; color: #1E88E5;
} }
div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options div.button span.faicon:hover {
color: #0059AB;
}
div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options div.button.wtext { div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options div.button.wtext {
padding: 7px 12px; padding: 7px 12px;
} }
@ -21431,6 +21437,10 @@ fieldset#theme-upload h2 span.name {
text-transform: none; text-transform: none;
} }
.fa-desktop {
color: #0059AB;
}
fieldset.comments legend span { fieldset.comments legend span {
font-size: 14px; font-size: 14px;
text-transform: none; text-transform: none;

47
resources/sass/admin_new/pages/survey_edit/oblika_teme.scss
View File

@ -76,36 +76,44 @@ div.page_tema {
bottom: 20px; bottom: 20px;
max-width: 113px; max-width: 113px;
// display: none; // display: none;
filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
margin-right: 5px; margin-right: 5px;
background-color: #FFFF; background-color: #FFFF;
.button.palette{ .button.palette{
padding-top: 20px; // padding-bottom: 20px;
padding-bottom: 4px;
} }
.button{ .button{
border: none; border: none;
padding: 19px 16px 0px 16px; margin: 8px auto 8px auto;
// margin: 5px 0px; // margin: 5px 0px;
text-align: center;
.fa-hand-pointer{ .fa-hand-pointer{
margin-right: 12px; margin-right: 12px;
} }
.trash{ .trash{
margin-right: 12px; margin-right: 12px;
} }
.faicon{
vertical-align: middle;
}
}
.button:first-of-type{
// padding-top: 16px;
} }
.button:last-of-type{ .button:last-of-type{
padding-bottom: 19px; // padding-bottom: 16px;
}
.theme_delete{
padding-top: 22px;
} }
} }
div.buttons-window.active { div.buttons-window.active {
display: block; display: block;
@ -196,11 +204,12 @@ div.page_tema {
border: 1px solid $light-gray; border: 1px solid $light-gray;
padding: 14px 16px; padding: 14px 16px;
margin-bottom: 16px;
.theme_label_content{ .theme_label_content{
border-bottom: 1px solid $gray; border-bottom: 1px solid $gray;
padding-bottom: 15px; // padding-bottom: 15px;
box-sizing: border-box; box-sizing: border-box;
img { img {
@ -215,6 +224,11 @@ div.page_tema {
span.theme_name { span.theme_name {
font-weight: $semi-bold; font-weight: $semi-bold;
font-family: 'Roboto';
font-weight: 500;
} }
} }
@ -223,9 +237,18 @@ div.page_tema {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 16px;
span.theme_name { span.theme_name {
font-weight: 500; font-weight: 500;
text-transform: uppercase;
font-family: 'Roboto';
font-size: 14px;
display: flex;
align-items: center;
} }
@ -252,6 +275,9 @@ div.page_tema {
margin: 0; margin: 0;
color: $blue; color: $blue;
} }
span.faicon:hover{
color: #0059AB;
}
&.wtext { &.wtext {
padding: 7px 12px; padding: 7px 12px;
@ -508,3 +534,8 @@ fieldset#theme-upload {
} }
} }
.fa-desktop{
color: #0059AB;
}