[Redizajn 1KA] - Urejanje --> Jezik - v5

This commit is contained in:
tejagerjovic 2022-05-04 05:11:03 +02:00
parent 968d1b2006
commit a6da41145a
3 changed files with 102 additions and 48 deletions

View File

@ -198,7 +198,7 @@ class Prevajanje {
echo '<div class="jezik_row">';
// Leva stran nastavitev
echo '<fieldset class="jezik_left">';
echo '<fieldset class="jezik_left settings">';
if ($this->user_dostop_edit == 1) {
@ -384,6 +384,9 @@ class Prevajanje {
//echo '<form action="ajax.php?anketa='.$this->anketa.'&t=prevajanje&a=dodaj_jezik" method="post" name="dodaj_jezik" style="position:absolute; right:10px; top:0">';
echo '<form action="ajax.php?anketa='.$this->anketa.'&t=prevajanje&a=dodaj_jezik" method="post" name="dodaj_jezik" >';
echo '<div class="dodaj_prevod">';
echo '<div class="button_holder">';
echo '<div class="setting_holder">';
echo '<span class="setting_title">'.$lang['srv_prevajanje_dodaj'].':</span>';
@ -397,7 +400,9 @@ class Prevajanje {
echo '</div>';
echo '<button class="medium blue" type="submit">'.$lang['srv_add_new_language'].'</button>';
echo '</div>'; //button_holder
echo '</div>'; //dodaj_prevod
echo '</form>';
}
@ -482,7 +487,7 @@ class Prevajanje {
echo '</div>';
echo '<div class="jezik_row">';
echo ' <div class="jezik_left semi-bold bottom16">'.$lang['srv_novaanketa_kratkoime'].':</div>';
echo ' <div class="jezik_left semi-bold">'.$lang['srv_novaanketa_kratkoime'].':</div>';
echo ' <div class="jezik_right semi-bold">'.$lang['srv_novaanketa_kratkoime'].':</div>';
echo '</div>';
@ -490,6 +495,11 @@ class Prevajanje {
$this->extra_translation('srv_novaanketa_kratkoime');
echo '</div>';
echo '<div class="jezik_row">';
echo ' <div class="jezik_left semi-bold top16">'.$lang['note'].' ('.$lang['srv_internal'].'):</div>';
echo ' <div class="jezik_right semi-bold top16">'.$lang['note'].' ('.$lang['srv_internal'].'):</div>';
echo '</div>';
echo '<div class="jezik_row">';
$this->extra_translation('srv_anketa_opomba');
echo '</div>';
@ -517,10 +527,7 @@ class Prevajanje {
if ($value == '') $value = $lang1[$text];
}
echo '<div class="jezik_left">';
if ($value == $row['intro_opomba']) {
echo '<p class="jezik_left semi-bold bottom16">'.$lang['note'].' ('.$lang['srv_internal'].'):</p>';
}
echo '<div class="jezik_left vert_middle">';
echo '<span>'.$value.'</span>';
echo '</div>';
@ -542,8 +549,6 @@ class Prevajanje {
//if ($text == 'srv_novaanketa_kratkoime')
// echo $lang['srv_naslov'].': ';
if ($text == 'srv_anketa_opomba')
echo '<p class="top16 semi-bold">'.$lang['note'].' ('.$lang['srv_internal'].'): </p>';
echo '<p class="editable" id="srvlang_'.$text.'_'.$this->lang_id.'" contenteditable="true" onblur="extra_translation_save(\''.$text.'\');">'.$value1.'</p>';
}

View File

@ -21642,26 +21642,32 @@ div.prevajanje_holder .section .jezik_row .jezik_left div.comment_container_inli
div.prevajanje_holder .section .jezik_row .jezik_right div.comment_container_inline {
display: none;
}
div.prevajanje_holder .section .jezik_row .jezik_left {
div.prevajanje_holder .section .jezik_row .jezik_left.vert_middle,
div.prevajanje_holder .section .jezik_row .jezik_right.vert_middle {
display: flex;
align-items: center;
padding-top: 4px;
}
div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) {
pointer-events: none;
color: #777777 !important;
}
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content {
div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content {
color: #777777 !important;
}
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content div.spremenljivka_settings {
div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content div.spremenljivka_settings {
color: #777777 !important;
}
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content div.spremenljivka_settings div.variable_name {
div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content div.spremenljivka_settings div.variable_name {
color: #777777 !important;
}
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content div.spremenljivka_settings div.spr_settings span {
div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content div.spremenljivka_settings div.spr_settings span {
border-color: #C4C4C4 !important;
background-color: transparent !important;
color: #777777 !important;
}
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content div.spremenljivka_tekst_form span.faicon::before,
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content div.content_div_normalmode span.faicon::before {
div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content div.spremenljivka_tekst_form span.faicon::before,
div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content div.content_div_normalmode span.faicon::before {
display: none;
}
div.prevajanje_holder .section.jezik_top_settings fieldset {
@ -21673,11 +21679,11 @@ div.prevajanje_holder .section.jezik_top_settings fieldset.jezik_left {
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name {
font-size: 20px;
margin-bottom: 14px;
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
margin-bottom: 16px;
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name a {
text-decoration: none;
@ -21690,14 +21696,21 @@ div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name div.act
width: fit-content;
box-sizing: border-box;
padding: 2px 21px;
font-size: 16px !important;
font-size: 14px !important;
font-weight: 400 !important;
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name.semi-bold, div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name:last-of-type {
margin-bottom: 0;
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content {
display: flex;
flex-direction: row;
gap: 82px;
margin-bottom: 32px;
margin-top: 14px;
margin-bottom: 16px;
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content:last-of-type {
margin-bottom: 0;
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content div.lang_column {
display: flex;
@ -21720,8 +21733,16 @@ div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content div.
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content div.lang_column div.lang_item:last-of-type {
margin-bottom: 0;
}
div.prevajanje_holder .section.jezik_top_settings fieldset.jezik_right button {
margin-top: 8px;
div.prevajanje_holder .section.jezik_top_settings fieldset div.dodaj_prevod {
margin-top: 32px;
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.dodaj_prevod div.button_holder {
margin-bottom: 0;
align-items: flex-end;
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.dodaj_prevod div.button_holder button {
margin-left: 18px;
height: fit-content;
}
div.prevajanje_holder .section.jezik_vprasanja .jezik_row {
margin-bottom: 32px;

View File

@ -45,36 +45,45 @@ div.prevajanje_holder {
display: none;
}
&.vert_middle {
display: flex;
align-items: center;
padding-top: 4px;
}
}
//Disabled leva stran
.jezik_left {
pointer-events: none;
color: $very-dark-gray !important;
div.spremenljivka_content{
&:not(.settings) {
pointer-events: none;
color: $very-dark-gray !important;
div.spremenljivka_settings {
div.spremenljivka_content{
color: $very-dark-gray !important;
div.variable_name {
div.spremenljivka_settings {
color: $very-dark-gray !important;
}
div.spr_settings {
span {
border-color: $dark-gray !important;
background-color: transparent !important;
div.variable_name {
color: $very-dark-gray !important;
}
}
}
div.spremenljivka_tekst_form,
div.content_div_normalmode{
span.faicon::before {
display: none;
div.spr_settings {
span {
border-color: $dark-gray !important;
background-color: transparent !important;
color: $very-dark-gray !important;
}
}
}
div.spremenljivka_tekst_form,
div.content_div_normalmode{
span.faicon::before {
display: none;
}
}
}
}
@ -94,7 +103,6 @@ div.prevajanje_holder {
div.lang_name {
font-size: 20px;
margin-bottom: 14px;
display: flex;
flex-direction: row;
gap: 12px;
@ -112,16 +120,28 @@ div.prevajanje_holder {
width: fit-content;
box-sizing: border-box;
padding: 2px 21px;
font-size: 16px !important;
font-size: 14px !important;
font-weight: 400 !important;
}
margin-bottom: 16px;
&.semi-bold, //aktivni in zadnji nimata margina
&:last-of-type {
margin-bottom: 0;
}
}
div.lang_content {
display: flex;
flex-direction: row;
gap: 82px;
margin-bottom: 32px;
margin-top: 14px;
margin-bottom: 16px;
&:last-of-type {
margin-bottom: 0;
}
div.lang_column {
display: flex;
@ -150,9 +170,17 @@ div.prevajanje_holder {
}
}
&.jezik_right{
button {
margin-top: 8px;
div.dodaj_prevod {
margin-top: 32px;
div.button_holder {
margin-bottom: 0;
align-items: flex-end;
button {
margin-left: 18px;
height: fit-content;
}
}
}
}