itepechi/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Releases 1 Activity

fix the close button on global notices

Browse source
This commit is contained in:
Shpuld Shpuldson 2020-12-02 12:55:14 +02:00
parent b537032e6d
commit 0d53af786b
1 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/global_notice_list/global_notice_list.vue
View file

@ -10,7 +10,7 @@
{{ $t(notice.messageKey, notice.messageArgs) }}
</div>
<button
class="button-unstyled"
class="button-unstyled close-notice"
@click="closeNotice(notice)"
>
<FAIcon
@ -58,7 +58,7 @@
.global-error {
background-color: var(--alertPopupError, $fallback--cRed);
color: var(--alertPopupErrorText, $fallback--text);
i {
.svg-inline--fa {
color: var(--alertPopupErrorText, $fallback--text);
}
}
@ -66,7 +66,7 @@
.global-warning {
background-color: var(--alertPopupWarning, $fallback--cOrange);
color: var(--alertPopupWarningText, $fallback--text);
i {
.svg-inline--fa {
color: var(--alertPopupWarningText, $fallback--text);
}
}
@ -74,9 +74,17 @@
.global-info {
background-color: var(--alertPopupNeutral, $fallback--fg);
color: var(--alertPopupNeutralText, $fallback--text);
i {
.svg-inline--fa {
color: var(--alertPopupNeutralText, $fallback--text);
}
}
.close-notice {
padding-right: 0.2em;
vertical-align: bottom;
.svg-inline--fa:hover {
opacity: 0.6;
}
}
}
</style>