Urejanje --> oblika: css test

This commit is contained in:
Nejc Kovač 2022-07-27 15:14:39 +02:00
parent df50b2b6a9
commit b37c94ca10
4 changed files with 67 additions and 24 deletions

View File

@ -371,17 +371,23 @@ class SurveyTheme {
//Gumbi //Gumbi
echo '<div class="options">'; echo '<div class="options">';
//Predogled echo '<img src="\public\img\icons\dots.svg">';
echo '<div class="button theme_links_preview" src="'.$preview_link.'" title="'.$lang['srv_poglejanketo2'].'">';
echo '<span class="faicon fa-desktop"></span>';
echo $lang['srv_poglejanketo2'];
echo '</div>';
//Prilagodi echo '<div class= "buttons-window active">';
echo '<div class="button" onclick="window.location.href='.$modify_link.'" title="'.$lang['srv_te_theme_edit'].'">';
echo '<span class="faicon palette"></span>'; //Predogled
echo $lang['srv_te_theme_edit']; echo '<div class="button theme_links_preview" src="'.$preview_link.'" title="'.$lang['srv_poglejanketo2'].'">';
echo '</div>'; echo '<span class="faicon fa-desktop"></span>';
echo $lang['srv_poglejanketo2'];
echo '</div>';
//Prilagodi
echo '<div class="button" onclick="window.location.href='.$modify_link.'" title="'.$lang['srv_te_theme_edit'].'">';
echo '<span class="faicon palette"></span>';
echo $lang['srv_te_theme_edit'];
echo '</div>';
echo '</div>';
echo '</div>'; echo '</div>';
@ -417,17 +423,23 @@ class SurveyTheme {
//Gumbi //Gumbi
echo '<div class="options">'; echo '<div class="options">';
//Predogled echo '<img src="\public\img\icons\dots.svg">';
echo '<div class="button theme_links_preview" src="'.$preview_link_mobile.'" title="'.$lang['srv_poglejanketo2'].'">';
echo '<span class="faicon fa-desktop"></span>';
echo $lang['srv_poglejanketo2'];
echo '</div>';
//Prilagodi echo '<div class= "buttons-window active">';
echo '<div class="button" onclick="window.location.href='.$modify_link_mobile.'" title="'.$lang['srv_te_theme_edit'].'">';
echo '<span class="faicon palette"></span>'; //Predogled
echo $lang['srv_te_theme_edit']; echo '<div class="button theme_links_preview" src="'.$preview_link.'" title="'.$lang['srv_poglejanketo2'].'">';
echo '</div>'; echo '<span class="faicon fa-desktop"></span>';
echo $lang['srv_poglejanketo2'];
echo '</div>';
//Prilagodi
echo '<div class="button" onclick="window.location.href='.$modify_link.'" title="'.$lang['srv_te_theme_edit'].'">';
echo '<span class="faicon palette"></span>';
echo $lang['srv_te_theme_edit'];
echo '</div>';
echo '</div>';
echo '</div>'; echo '</div>';
@ -581,6 +593,8 @@ class SurveyTheme {
//Gumbi //Gumbi
echo '<div class="options">'; echo '<div class="options">';
echo '<img src="\public\img\icons\dots.svg">';
//Aktiviraj //Aktiviraj
echo '<div class="button" onclick="te_change_profile(\''.$row['id'].'\', true); return false;" title="'.$lang['srv_te_theme_activate2'].'">'; echo '<div class="button" onclick="te_change_profile(\''.$row['id'].'\', true); return false;" title="'.$lang['srv_te_theme_activate2'].'">';
echo '<span class="faicon fa-hand-pointer"></span>'; echo '<span class="faicon fa-hand-pointer"></span>';
@ -633,6 +647,8 @@ class SurveyTheme {
//Gumbi //Gumbi
echo '<div class="options">'; echo '<div class="options">';
echo '<img src="\public\img\icons\dots.svg">';
//Aktiviraj //Aktiviraj
echo '<div class="button" onclick="te_change_profile(\''.$row['id'].'\', true, true); return false;" title="'.$lang['srv_te_theme_activate2'].'">'; echo '<div class="button" onclick="te_change_profile(\''.$row['id'].'\', true, true); return false;" title="'.$lang['srv_te_theme_activate2'].'">';
echo '<span class="faicon fa-hand-pointer"></span>'; echo '<span class="faicon fa-hand-pointer"></span>';

View File

@ -5117,7 +5117,7 @@ p, span {
} }
.bold { .bold {
font-weight: 400; font-weight: 800;
} }
.semi-bold { .semi-bold {
@ -9816,6 +9816,17 @@ fieldset {
margin-inline-end: 0; margin-inline-end: 0;
border: 1px solid #E5E5E5; border: 1px solid #E5E5E5;
} }
fieldset .bold {
font-weight: 400;
color: #1E88E5;
text-decoration: underline;
}
fieldset .spaceLeft {
display: flex;
}
fieldset .authority_name {
font-weight: 800;
}
fieldset legend { fieldset legend {
padding: 0 15px; padding: 0 15px;
font-size: 16px; font-size: 16px;
@ -20692,6 +20703,12 @@ div.page_tema div.theme_list div.theme span.desc {
div.page_tema div.theme_list div.options { div.page_tema div.theme_list div.options {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
position: relative;
}
div.page_tema div.theme_list div.options div.buttons-window {
position: absolute;
bottom: 12px;
max-width: 113px;
} }
div.page_tema div.theme_list div.options div.button { div.page_tema div.theme_list div.options div.button {
background: #FFFFFF; background: #FFFFFF;
@ -20699,7 +20716,7 @@ div.page_tema div.theme_list div.options div.button {
box-sizing: border-box; box-sizing: border-box;
border-radius: 2px; border-radius: 2px;
height: 28px; height: 28px;
width: fit-content; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 7px 12px; padding: 7px 12px;
@ -27977,7 +27994,7 @@ and open the template in the editor.
.setting_horizontal_wrapper { .setting_horizontal_wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 16px; margin-bottom: 0px;
} }
.setting_horizontal_wrapper .setting_holder { .setting_horizontal_wrapper .setting_holder {
margin-right: 32px; margin-right: 32px;

View File

@ -0,0 +1,3 @@
<svg width="14" height="4" viewBox="0 0 14 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.25 2C10.25 1.03344 11.0344 0.25 12 0.249999C12.9656 0.249999 13.75 1.03344 13.75 2C13.75 2.96656 12.9656 3.75 12 3.75C11.0344 3.75 10.25 2.96656 10.25 2ZM5.25 2C5.25 1.03344 6.03438 0.25 7 0.25C7.96562 0.25 8.75 1.03344 8.75 2C8.75 2.96656 7.96562 3.75 7 3.75C6.03438 3.75 5.25 2.96656 5.25 2ZM3.75 2C3.75 2.96656 2.96563 3.75 2 3.75C1.03344 3.75 0.25 2.96656 0.25 2C0.25 1.03344 1.03344 0.25 2 0.25C2.96562 0.25 3.75 1.03344 3.75 2Z" fill="#1E88E5"/>
</svg>

After

Width:  |  Height:  |  Size: 566 B

View File

@ -59,6 +59,13 @@ div.page_tema {
div.options { div.options {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
position: relative;
div.buttons-window{
position: absolute;
bottom: 12px;
max-width: 113px;
}
div.button { div.button {
background: $white; background: $white;
@ -67,7 +74,7 @@ div.page_tema {
border-radius: 2px; border-radius: 2px;
height: 28px; height: 28px;
width: fit-content; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;