fix: arrows disappeared! :(

Akryum · Akryum · commit c32f7854c15c · 2024-02-05T17:58:45.000+01:00
diff --git a/packages/app-frontend/src/assets/style/index.postcss b/packages/app-frontend/src/assets/style/index.postcss
@@ -112,3 +112,15 @@ html, body, #app {
     }
   }
 }
+
+/* Arrows */
+
+.arrow {
+  @apply inline-block w-0 h-0 transition-transform duration-150 ease-out text-gray-500;
+
+  &.right {
+    border-top: 4px solid transparent;
+    border-bottom: 4px solid transparent;
+    border-left: 6px solid currentColor;
+  }
+}
diff --git a/packages/app-frontend/src/assets/style/index.styl b/packages/app-frontend/src/assets/style/index.styl
@@ -45,17 +45,16 @@ button:focus
   &.active
     background-color $active-color
     color #fff
+    .item-name,
     .arrow
-      border-left-color #fff
-    .item-name
       color #fff
 
   .vue-ui-dark-mode &
     background-color $dark-background-color
     &:hover
       background-color $dark-hover-color
       .arrow
-        border-left-color #666
+        color theme('colors.gray.600')
     &.selected,
     &.active
       color #fff

Original file line number	Diff line number	Diff line change
`@@ -112,3 +112,15 @@ html, body, #app {`
`112`	`112`	`}`
`113`	`113`	`}`
`114`	`114`	`}`
	`115`	`+`
	`116`	`+/* Arrows */`
	`117`	`+`
	`118`	`+.arrow {`
	`119`	`+ @apply inline-block w-0 h-0 transition-transform duration-150 ease-out text-gray-500;`
	`120`	`+`
	`121`	`+ &.right {`
	`122`	`+ border-top: 4px solid transparent;`
	`123`	`+ border-bottom: 4px solid transparent;`
	`124`	`+ border-left: 6px solid currentColor;`
	`125`	`+ }`
	`126`	`+}`