Page MenuHomePhorge
Files F140723

No OneTemporary
Actions

Size
3 KB
Referenced Files
None
Subscribers
None

View Options

diff --git a/src/App.scss b/src/App.scss
index 1b781304..c0f2e3fe 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -408,32 +408,11 @@ nav {
}
}
-.menu-item,
.list-item {
- display: block;
- box-sizing: border-box;
- border: none;
- outline: none;
- text-align: initial;
- color: inherit;
- clear: both;
- position: relative;
- white-space: nowrap;
border-color: var(--border);
border-style: solid;
border-width: 0;
border-top-width: 1px;
- width: 100%;
- padding: var(--__vertical-gap) var(--__horizontal-gap);
- background: transparent;
-
- --__line-height: 1.5em;
- --__horizontal-gap: 0.75em;
- --__vertical-gap: 0.5em;
-
- &.-non-interactive {
- cursor: auto;
- }
&.-active,
&:hover {
@@ -455,18 +434,6 @@ nav {
border-bottom-width: 1px;
}
- a,
- button:not(.button-default) {
- text-align: initial;
- padding: 0;
- background: none;
- border: none;
- outline: none;
- display: inline;
- font-family: inherit;
- line-height: unset;
- }
-
&:first-child {
border-top-right-radius: var(--roundness);
border-top-left-radius: var(--roundness);
@@ -480,6 +447,42 @@ nav {
}
}
+.menu-item,
+.list-item {
+ display: block;
+ box-sizing: border-box;
+ border: none;
+ outline: none;
+ text-align: initial;
+ color: inherit;
+ clear: both;
+ position: relative;
+ white-space: nowrap;
+ width: 100%;
+ padding: var(--__vertical-gap) var(--__horizontal-gap);
+ background: transparent;
+
+ --__line-height: 1.5em;
+ --__horizontal-gap: 0.75em;
+ --__vertical-gap: 0.5em;
+
+ &.-non-interactive {
+ cursor: auto;
+ }
+
+ a,
+ button:not(.button-default) {
+ text-align: initial;
+ padding: 0;
+ background: none;
+ border: none;
+ outline: none;
+ display: inline;
+ font-family: inherit;
+ line-height: unset;
+ }
+}
+
.button-unstyled {
border: none;
outline: none;
diff --git a/src/components/input.style.js b/src/components/input.style.js
index 30715ec1..160b2f33 100644
--- a/src/components/input.style.js
+++ b/src/components/input.style.js
@@ -18,7 +18,7 @@ export default {
{
component: 'Root',
directives: {
- '--defaultInputBevel': 'shadow | $borderSide(#FFFFFF bottom 0.2), $borderSide(#000000 top 0.2), inset 0 0 2 #000000 / 0.15',
+ '--defaultInputBevel': 'shadow | $borderSide(#FFFFFF bottom 0.2), $borderSide(#000000 top 0.2), inset 0 0 2 #000000 / 0.15, 1 0 1 1 --text / 0.15, -1 0 1 1 --text / 0.15',
'--defaultInputHoverGlow': 'shadow | 0 0 4 --text / 0.5',
'--defaultInputFocusGlow': 'shadow | 0 0 4 4 --link / 0.5'
}
diff --git a/src/components/quick_view_settings/quick_view_settings.vue b/src/components/quick_view_settings/quick_view_settings.vue
index 5d50818b..bb7e63d4 100644
--- a/src/components/quick_view_settings/quick_view_settings.vue
+++ b/src/components/quick_view_settings/quick_view_settings.vue
@@ -60,7 +60,7 @@
@click="showUserAvatars = !showUserAvatars"
>
<span
- class="main-button"
+ class="input menu-checkbox"
:class="{ 'menu-checkbox-checked': showUserAvatars }"
:aria-hidden="true"
/>{{ $t('settings.mention_link_show_avatar_quick') }}

File Metadata

Mime Type
text/x-diff
Expires
Tue, Jan 21, 7:23 AM (1 d, 1 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
55677
Default Alt Text
(3 KB)

Event Timeline