Pārlūkot izejas kodu

HUE-6077 [frontend] Improve risk styling

Johan Ahlen 8 gadi atpakaļ
vecāks
revīzija
d2decea

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 19 - 0
desktop/core/src/desktop/static/desktop/less/hue-assist.less

@@ -864,4 +864,23 @@
   .assist-no-entries {
     padding: 5px 10px;
   }
+
+  .risk-list {
+    list-style: none;
+    margin: 0 0 0 10px;
+
+    .risk-list-high {
+      color: @cui-red-700;
+    }
+
+    .risk-list-normal {
+      color: @cui-orange-700;
+    }
+
+    .risk-list-description {
+      margin-left:5px;
+      white-space: normal;
+      font-style: italic;
+    }
+  }
 }

+ 3 - 4
desktop/core/src/desktop/templates/assist.mako

@@ -1763,11 +1763,10 @@ from notebook.conf import get_ordered_interpreters
           <div class="assist-no-entries">${ _('No optimizations identified.') }</div>
           <!-- /ko -->
           <!-- ko if: activeRisks().hints && activeRisks().hints.length > 0 -->
-          <ul data-bind="foreach: activeRisks().hints">
+          <ul class="risk-list" data-bind="foreach: activeRisks().hints">
             <li>
-              <span data-bind="text: risk"></span>
-              <span data-bind="text: riskAnalysis"></span>
-              <div data-bind="text: riskRecommendation"></div>
+              <div data-bind="css: { 'risk-list-high' : risk === 'high', 'risk-list-normal':  risk !== 'high' }, tooltip: { title: risk }"><span data-bind="text: riskAnalysis"></span></div>
+              <div class="risk-list-description" data-bind="text: riskRecommendation"></div>
             </li>
           </ul>
           <!-- /ko -->

Daži faili netika attēloti, jo izmaiņu fails ir pārāk liels