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

css cleanup

Browse source
This commit is contained in:
taehoon 2019-07-01 14:00:19 -04:00
parent a26ec64b3b
commit 5d6fcb3bb3
1 changed files with 18 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/components/status/status.vue
View file

@ -868,32 +868,26 @@ a.unmute {
} }
} }
&[x-placement^="bottom"] .popper__arrow { .popper__arrow::before {
&:before { position: absolute;
position: absolute; content: '';
content: ''; left: -7px;
top: -2px; border: solid 7px transparent;
left: -7px; z-index: -1;
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;
}
} }
&[x-placement^="top"] .popper__arrow { &[x-placement^="bottom"] .popper__arrow::before {
&:before { top: -2px;
position: absolute; border-top-width: 0;
content: ''; border-bottom-color: $fallback--border;
bottom: -2px; border-bottom-color: var(--border, $fallback--border);
left: -7px; }
border-width: 7px 7px 0 7px;
border-color: $fallback--border transparent transparent transparent; &[x-placement^="top"] .popper__arrow::before {
border-color: var(--border, $fallback--border) transparent transparent transparent; bottom: -2px;
border-style: solid; border-bottom-width: 0;
z-index: -1; border-top-color: $fallback--border;
} border-top-color: var(--border, $fallback--border);
} }
} }