CyberCoveLLC/threshold-ui
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #291 from hashicorp/fix-dropdown-caret

Browse Source 
fix: 🐛 dropdown caret should be white in dark mode
This commit is contained in:
Susmitha Girumala authored and GitHub committed 2020-10-06 09:51:29 -04:00
2 parents ecf74b73ac b49295a71e
commit a827bd227a
1 file changed
+5
Download Patch File Download Diff File Expand all files Collapse all files
addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss
+5
View File
@@ -4,6 +4,7 @@
$xs: sizing.rems(xs); // 8
$xxs: sizing.rems(xxs); // 4
$chevron: "data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231b1f26' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'></path></svg>";
$chevronWhite: "data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'></path></svg>";
.rose-dropdown {
position: relative;
@@ -63,6 +64,10 @@ $chevron: "data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231b1f26' xm
background-repeat: no-repeat;
background-position: right sizing.rems(m) center;
background-size: sizing.rems(m);
@media (prefers-color-scheme: dark) {
background-image: url($chevronWhite);
}
}
// Hide default twistie triangle