[Redizajn 1ka] Obveščanje - IF (v delu)

admin/survey/Branching.php

@@ -7386,8 +7386,9 @@ class Branching {
         }
         // Pogoj pri npr. obvescanju
         elseif($vrednost == -3){
-            echo '<h2>'.$lang['urejanje_pogoj_popup'].'</h2>';
+            echo '<span class="IF_title_start">IF</span><span class="IF_title">'.$lang['urejanje_pogoj_popup'].'</span>';
             echo '<div class="popup_close"><a href="#" onClick="alert_if_close(\''.$vrednost.'\', \''.$if.'\'); return false;">✕</a></div>';
+			echo '<span class="IF_title_line"></span>';
         }
         // Validacija
         elseif($vrednost == -4){

resources/sass/admin_new/basic/typography.scss

@@ -30,6 +30,10 @@ p,span {
 	font-weight: $semi-bold;
 }
 
+.heavy {
+	font-weight: $heavy;
+}
+
 .caps {
 	text-transform: uppercase;
 }

resources/sass/admin_new/pages/survey_edit/conditions.scss

@@ -76,6 +76,29 @@ li.if_editing {
 		}
 	}
 }
+
+// Naslov popupa, črta pod naslovom
+span.IF_title_start {
+    font-weight: $heavy;
+    color: $blue;
+    margin-right: 8px;
+}
+
+span.IF_title {
+    font-weight: $semi-bold;
+    text-transform: uppercase;
+}
+
+span.IF_title_line {
+    content: "";
+    display: inline-block;
+    height: 0.5em;
+    vertical-align: bottom;
+    width: 100%;
+    margin-top: 8px;
+    border-top: 1px solid $dark-gray;
+}
+
 span.conditions_display {
 	display: block;
 	line-height: 28px;
@@ -111,9 +134,11 @@ span.endif {
 	}
 }
 #div_condition_editing_inner {
+
+	background-color: $light-gray2;
+	padding: 16px;
+
 	>.condition_editing_preview {
-		background-color: $blue;
-		padding-left: 6px;
 	}
 
     .condition_editing_body{
@@ -123,7 +148,6 @@ span.endif {
         margin: 20px 0;
         padding: 10px 5px 5px 5px;
 
-        border: 1px $gray solid;
 
         .tbl_condition_editing{
             margin-bottom: 5px;