💄 Site > Search > Add design

2017-09-07 12:46:52 +02:00
parent 62d0eb31ff
commit 3bbcd56d60
6 changed files with 35 additions and 9 deletions
@@ -3,7 +3,13 @@

    .text
        padding-left 12px
-        opacity 0.6
+
+        .letter
+            opacity 0.6
+
+            &.highlight
+                opacity 1
+                font-weight bold

    .notif
        display inline-block
@@ -29,5 +35,7 @@

    &:hover
        .text
-            opacity 1
-            color #4bd1c5
+            color #4bd1c5
+
+            .letter
+                opacity 1
@@ -3,7 +3,7 @@
        <file-icon class="icon" :extension="content.extension"></file-icon>
        <span class="text">
            <template v-for="(letter, key) in content.name">
-                <span :style="matchingPositions.indexOf(key) !== -1 ? 'font-weight:bold;' : ''">{{ letter }}</span>
+                <span class="letter" :class="[matchingPositions.indexOf(key) !== -1 ? 'highlight' : '']">{{ letter }}</span>
            </template>
        </span>
        <span v-if="content.isNew" class="notif new">new</span>