diff options
| author | Henry Jameson <me@hjkos.com> | 2020-10-20 22:13:19 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-10-20 22:13:19 +0300 |
| commit | b19c2eb0fb45aca4f4a59c4afacaffddf695987d (patch) | |
| tree | 309aa7425bd839f70ffe4e811b6f3f38a22f1978 /src/components/account_actions/account_actions.vue | |
| parent | 046c60cb61bd585e2fb2850320d229ab0487d9ba (diff) | |
More stuff. Buttons in user card's corner now have MUCH bigger hitboxes
Diffstat (limited to 'src/components/account_actions/account_actions.vue')
| -rw-r--r-- | src/components/account_actions/account_actions.vue | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/src/components/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue index 987e94b7..61099d4f 100644 --- a/src/components/account_actions/account_actions.vue +++ b/src/components/account_actions/account_actions.vue @@ -1,5 +1,5 @@ <template> - <div class="account-actions"> + <div class="AccountActions"> <Popover trigger="click" placement="bottom" @@ -63,7 +63,7 @@ slot="trigger" class="btn btn-default ellipsis-button" > - <i class="icon-ellipsis trigger-button" /> + <FAIcon class="icon" icon="ellipsis-v" /> </div> </Popover> </div> @@ -73,22 +73,22 @@ <style lang="scss"> @import '../../_variables.scss'; -.account-actions { - margin: 0 .8em; -} +.AccountActions { + button.dropdown-item { + margin-left: 0; + } -.account-actions button.dropdown-item { - margin-left: 0; -} + .ellipsis-button { + cursor: pointer; + width: 2.5em; + margin: -0.5em 0; + padding: 0.5em 0; + text-align: center; -.account-actions .trigger-button { - color: $fallback--lightText; - color: var(--lightText, $fallback--lightText); - opacity: .8; - cursor: pointer; - &:hover { - color: $fallback--text; - color: var(--text, $fallback--text); + &:not(:hover) .icon { + color: $fallback--lightText; + color: var(--lightText, $fallback--lightText); + } } } </style> |