From b7f5f17b6a027791cd481757c46ce02153565910 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Mon, 20 Jun 2022 19:57:43 +0300
Subject: [PATCH] Theme: Add subnav alt pills

---
 utils/theme/theme.component.html | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/utils/theme/theme.component.html b/utils/theme/theme.component.html
index bbcdb7ad..f1e5a32f 100644
--- a/utils/theme/theme.component.html
+++ b/utils/theme/theme.component.html
@@ -310,7 +310,7 @@
               </div>
 
               <div>
-                <div input placeholder="URL" type="URL" [(value)]="url" [validators]="urlValidator"></div>
+                <div input placeholder="URL" type="URL" [(value)]="url" [validators]="urlValidator" [disabled]="true"></div>
               </div>
 
               <div>
@@ -577,31 +577,25 @@
 
       <div class="uk-grid-divider uk-child-width-expand@m uk-grid" uk-grid="">
         <div class="uk-first-column">
-
-          <ul class="uk-subnav uk-subnav-divider" uk-margin="">
-            <li class="uk-active uk-first-column"><a href="#">Active</a></li>
-            <li><a href="#">Item</a></li>
-            <li class="uk-disabled"><a>Disabled</a></li>
-          </ul>
-
-        </div>
-        <div>
-
           <ul class="uk-subnav uk-subnav-pill" uk-margin="">
             <li class="uk-active uk-first-column"><a href="#">Active</a></li>
             <li><a href="#">Item</a></li>
             <li class="uk-disabled"><a>Disabled</a></li>
           </ul>
-
         </div>
         <div>
-
+          <ul class="uk-subnav uk-subnav-pill-alt" uk-margin="">
+            <li class="uk-active uk-first-column"><a href="#">Active</a></li>
+            <li><a href="#">Item</a></li>
+            <li class="uk-disabled"><a>Disabled</a></li>
+          </ul>
+        </div>
+        <div>
           <ul uk-tab="" class="uk-tab">
             <li class="uk-active"><a href="#">Active</a></li>
             <li><a href="#">Item</a></li>
             <li class="uk-disabled"><a>Disabled</a></li>
           </ul>
-
         </div>
       </div>
 
@@ -610,7 +604,7 @@
       <div class="uk-grid-divider uk-child-width-expand@m uk-grid" uk-grid="">
         <div class="uk-first-column">
 
-          <ul class="uk-list uk-list-bullet uk-margin-medium">
+          <ul class="uk-list uk-list-bullet uk-margin-medium uk-list-primary">
             <li>List item 1</li>
             <li>List item 2</li>
             <li>List item 3</li>