diff options
| author | Shpuld Shpuldson <shp@cock.li> | 2020-12-02 12:55:14 +0200 |
|---|---|---|
| committer | Shpuld Shpuldson <shp@cock.li> | 2020-12-02 12:55:14 +0200 |
| commit | 0d53af786b0e3878a27676752c8864da8e3027c4 (patch) | |
| tree | fa21a8718eb42371ae2f658bccb86a09bb070423 /src/components/global_notice_list | |
| parent | b537032e6d07828db6fc016c1413970c436e19ad (diff) | |
fix the close button on global notices
Diffstat (limited to 'src/components/global_notice_list')
| -rw-r--r-- | src/components/global_notice_list/global_notice_list.vue | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/src/components/global_notice_list/global_notice_list.vue b/src/components/global_notice_list/global_notice_list.vue index 0f5ac86f..34007148 100644 --- a/src/components/global_notice_list/global_notice_list.vue +++ b/src/components/global_notice_list/global_notice_list.vue @@ -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> |