aboutsummaryrefslogtreecommitdiff
path: root/src/components/timeline/timeline_quick_settings.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2022-05-31 17:46:59 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2022-05-31 17:46:59 +0000
commit0aa334515bd67ca69e84177c22273592f694fc28 (patch)
tree8b6bf15f3d01dfff03ff12ac8a40b76f52e10010 /src/components/timeline/timeline_quick_settings.vue
parent1418054b53003a6ca4fe8d88ee976993f96d967a (diff)
parenta63aeccbcc919cd053f1f88b83a962e9dd1a89d5 (diff)
Merge branch 'threecolumn' into 'develop'
Layout refactoring + Three column mode See merge request pleroma/pleroma-fe!1503
Diffstat (limited to 'src/components/timeline/timeline_quick_settings.vue')
-rw-r--r--src/components/timeline/timeline_quick_settings.vue24
1 files changed, 11 insertions, 13 deletions
diff --git a/src/components/timeline/timeline_quick_settings.vue b/src/components/timeline/timeline_quick_settings.vue
index 4d67e06b..98fab926 100644
--- a/src/components/timeline/timeline_quick_settings.vue
+++ b/src/components/timeline/timeline_quick_settings.vue
@@ -12,8 +12,8 @@
@click="replyVisibilityAll = true"
>
<span
- class="menu-checkbox"
- :class="{ 'menu-checkbox-radio': replyVisibilityAll }"
+ class="menu-checkbox -radio"
+ :class="{ 'menu-checkbox-checked': replyVisibilityAll }"
/>{{ $t('settings.reply_visibility_all') }}
</button>
<button
@@ -21,8 +21,8 @@
@click="replyVisibilityFollowing = true"
>
<span
- class="menu-checkbox"
- :class="{ 'menu-checkbox-radio': replyVisibilityFollowing }"
+ class="menu-checkbox -radio"
+ :class="{ 'menu-checkbox-checked': replyVisibilityFollowing }"
/>{{ $t('settings.reply_visibility_following_short') }}
</button>
<button
@@ -30,8 +30,8 @@
@click="replyVisibilitySelf = true"
>
<span
- class="menu-checkbox"
- :class="{ 'menu-checkbox-radio': replyVisibilitySelf }"
+ class="menu-checkbox -radio"
+ :class="{ 'menu-checkbox-checked': replyVisibilitySelf }"
/>{{ $t('settings.reply_visibility_self_short') }}
</button>
<div
@@ -93,18 +93,16 @@
<style lang="scss">
.TimelineQuickSettings {
- align-self: stretch;
> button {
- font-size: 1.2em;
- padding-left: 0.7em;
- padding-right: 0.2em;
line-height: 100%;
height: 100%;
- }
+ width: var(--__panel-heading-height-inner);
+ text-align: center;
- .dropdown-item {
- margin: 0;
+ svg {
+ font-size: 1.2em;
+ }
}
}