diff options
| author | taehoon <th.dev91@gmail.com> | 2019-07-01 14:00:19 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-10-24 15:15:33 -0400 |
| commit | 5d6fcb3bb3b901f678c26732037c142bf0145c51 (patch) | |
| tree | f1172c94051ad0567325ed4c138f1d900172542f /src | |
| parent | a26ec64b3bcc4e4a50dd984b39ab1d8ddde05b30 (diff) | |
css cleanup
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/status/status.vue | 42 |
1 files changed, 18 insertions, 24 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index cb4abb9a..e0515b33 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -868,32 +868,26 @@ a.unmute { } } - &[x-placement^="bottom"] .popper__arrow { - &:before { - position: absolute; - content: ''; - top: -2px; - left: -7px; - border-width: 0 7px 7px 7px; - border-color: transparent transparent $fallback--border transparent; - border-color: transparent transparent var(--border, $fallback--border) transparent; - border-style: solid; - z-index: -1; - } + .popper__arrow::before { + position: absolute; + content: ''; + left: -7px; + border: solid 7px transparent; + z-index: -1; } - &[x-placement^="top"] .popper__arrow { - &:before { - position: absolute; - content: ''; - bottom: -2px; - left: -7px; - border-width: 7px 7px 0 7px; - border-color: $fallback--border transparent transparent transparent; - border-color: var(--border, $fallback--border) transparent transparent transparent; - border-style: solid; - z-index: -1; - } + &[x-placement^="bottom"] .popper__arrow::before { + top: -2px; + border-top-width: 0; + border-bottom-color: $fallback--border; + border-bottom-color: var(--border, $fallback--border); + } + + &[x-placement^="top"] .popper__arrow::before { + bottom: -2px; + border-bottom-width: 0; + border-top-color: $fallback--border; + border-top-color: var(--border, $fallback--border); } } |