diff options
| author | taehoon <th.dev91@gmail.com> | 2019-05-15 16:51:30 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-05-19 14:28:29 -0400 |
| commit | 9e6a91e755d92d404685685581dacb4224a9e465 (patch) | |
| tree | a6cfce13d1b30f5cdc761a8d50ca04ac19fc0e4d /src/components/scope_selector | |
| parent | facf076d47207117afe3c220ad60313c8fd5367e (diff) | |
refactor css for visibility tray
Diffstat (limited to 'src/components/scope_selector')
| -rw-r--r-- | src/components/scope_selector/scope_selector.vue | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/src/components/scope_selector/scope_selector.vue b/src/components/scope_selector/scope_selector.vue index 33ea488f..5ebb5d56 100644 --- a/src/components/scope_selector/scope_selector.vue +++ b/src/components/scope_selector/scope_selector.vue @@ -1,5 +1,5 @@ <template> -<div v-if="!showNothing"> +<div v-if="!showNothing" class="scope-selector"> <i class="icon-mail-alt" :class="css.direct" :title="$t('post_status.scope.direct')" @@ -28,3 +28,19 @@ </template> <script src="./scope_selector.js"></script> + +<style lang="scss"> +@import '../../_variables.scss'; + +.scope-selector { + i { + font-size: 1.2em; + cursor: pointer; + + &.selected { + color: $fallback--lightText; + color: var(--lightText, $fallback--lightText); + } + } +} +</style> |