refactor css for visibility tray

This commit is contained in:
taehoon 2019-05-15 16:51:30 -04:00
parent facf076d47
commit 9e6a91e755
3 changed files with 21 additions and 20 deletions

View file

@ -626,18 +626,11 @@ nav {
} }
.visibility-tray { .visibility-tray {
font-size: 1.2em; display: flex;
cursor: pointer; justify-content: space-between;
flex-direction: row-reverse;
.selected {
color: $fallback--lightText;
color: var(--lightText, $fallback--lightText);
}
div {
padding-top: 5px; padding-top: 5px;
} }
}
.visibility-notice { .visibility-notice {
padding: .5em; padding: .5em;

View file

@ -147,14 +147,6 @@
} }
} }
.post-status-form {
.visibility-tray {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
}
.post-status-form, .login { .post-status-form, .login {
.form-bottom { .form-bottom {
display: flex; display: flex;

View file

@ -1,5 +1,5 @@
<template> <template>
<div v-if="!showNothing"> <div v-if="!showNothing" class="scope-selector">
<i class="icon-mail-alt" <i class="icon-mail-alt"
:class="css.direct" :class="css.direct"
:title="$t('post_status.scope.direct')" :title="$t('post_status.scope.direct')"
@ -28,3 +28,19 @@
</template> </template>
<script src="./scope_selector.js"></script> <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>