rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: properly color svg button

Browse Source
This commit is contained in:
Baptiste Grob
2021-02-02 16:12:02 +01:00
parent c084268f51
commit 1b34331e93
3 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/components/NoAccountWarning.tsx
View File

@@ -35,9 +35,9 @@ function NoAccountWarning({
}}
title="Ignore"
label="Ignore"
className="border-0 p-0 bg-transparent cursor-pointer rounded-md col-start-2 row-start-1"
className="border-0 p-0 bg-transparent cursor-pointer rounded-md col-start-2 row-start-1 color-neutral hover:color-info"
>
<Close className="fill-neutral hover:fill-info" />
<Close className="fill-current" />
</button>
</div>
);

13
app/assets/stylesheets/_sn.scss
View File

@@ -1,14 +1,15 @@
/* Generic UI controls that have yet to be extracted in Stylekit */
/* Generic UI controls that have yet to be extracted into Stylekit */
.sn-btn {
@extend .text-sm;
@extend .border-0;
@extend .bg-main;
@extend .cursor-pointer;
@extend .font-bold;
@extend .py-2;
@extend .px-3;
@extend .bg-main;
@extend .text-info-contrast;
@extend .border-0;
@extend .rounded;
@extend .cursor-pointer;
@extend .text-info-contrast;
@extend .text-sm;
@extend .hover\:brightness-130;
}

14
app/assets/stylesheets/_ui.scss
View File

@@ -153,6 +153,13 @@ $screen-md-max: ($screen-lg-min - 1) !default;
grid-column-end: 3;
}
.color-neutral {
color: var(--sn-stylekit-neutral-color)
}
.hover\:color-info:hover {
color: var(--sn-stylekit-info-color)
}
.hover\:brightness-130:hover {
filter: brightness(130%);
}
@@ -161,11 +168,8 @@ $screen-md-max: ($screen-lg-min - 1) !default;
cursor: pointer;
}
.fill-neutral {
fill: var(--sn-stylekit-neutral-color);
}
.hover\:fill-info:hover {
fill: var(--sn-stylekit-info-color)
.fill-current {
fill: currentColor;
}
.font-semibold {