feat(list): added new styles for focus

positive-js · May 21, 2018 · 2cba28a · 2cba28a
1 parent dae9f41
commit 2cba28a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/lib-dev/list/template.html b/src/lib-dev/list/template.html
@@ -19,7 +19,6 @@ <h5>multiple selection</h5>
     <mc-list-option value="Hovered" class="mc-hovered">Hovered</mc-list-option>
     <mc-list-option value="Focused" class="mc-focused">Focused</mc-list-option>
     <mc-list-option value="Selected" class="mc-selected">Selected</mc-list-option>
-    <mc-list-option value="Progress" class="mc-progress">Progress</mc-list-option>
 </mc-list-selection>
 <br>
 <div>multipleSelected: {{ multipleSelected }}</div>

diff --git a/src/lib/list/_list-base.scss b/src/lib/list/_list-base.scss
@@ -33,7 +33,7 @@ $mc-list-item-inset-divider-offset: 72px;
         flex-direction: row;
         align-items: center;
 
-        height: inherit;
+        height: 100%;
 
         padding: 0 $mc-list-side-padding;
     }

diff --git a/src/lib/list/_list-theme.scss b/src/lib/list/_list-theme.scss
@@ -17,13 +17,14 @@
 
     .mc-list,
     .mc-list-selection {
+
         .mc-list-item {
             color: mc-color($foreground, text);
         }
 
         .mc-list-option {
             outline: none;
-            border: 1px solid transparent;
+            border: 2px solid transparent;
 
             color: mc-color($foreground, text);
 
@@ -33,7 +34,7 @@
             }
 
             &.mc-focused {
-                border: 1px solid mc-color($primary, 400);
+                border: 2px solid mc-color($primary, 500);
             }
 
             &.mc-selected {
@@ -61,9 +62,9 @@
         font-family: $font-family;
     }
 
-    // Default list
     .mc-list,
     .mc-list-selection {
+
         .mc-list-item {
             font-size: mc-font-size($config, subheading-2);