more fixes
This commit is contained in:
parent
bcc5084409
commit
c16f1d4e35
@ -379,6 +379,9 @@ nav {
|
|||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
position: relative;
|
||||||
|
border-bottom: 1px solid;
|
||||||
|
border-color: var(--border);
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
border-top-right-radius: var(--roundness);
|
border-top-right-radius: var(--roundness);
|
||||||
|
@ -9,10 +9,8 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-radius: $fallback--attachmentRadius;
|
border-radius: var(--roundness);
|
||||||
border-radius: var(--attachmentRadius, $fallback--attachmentRadius);
|
border-color: var(--border);
|
||||||
border-color: $fallback--border;
|
|
||||||
border-color: var(--border, $fallback--border);
|
|
||||||
|
|
||||||
.attachment-wrapper {
|
.attachment-wrapper {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
|
@ -73,11 +73,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.Avatar {
|
|
||||||
border-radius: $fallback--avatarAltRadius;
|
|
||||||
border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
|
|
||||||
}
|
|
||||||
|
|
||||||
.chat-preview-body {
|
.chat-preview-body {
|
||||||
--emoji-size: 1.4em;
|
--emoji-size: 1.4em;
|
||||||
|
|
||||||
|
@ -275,11 +275,11 @@
|
|||||||
|
|
||||||
/* expanded conversation in timeline */
|
/* expanded conversation in timeline */
|
||||||
&.status-fadein.-expanded .thread-body {
|
&.status-fadein.-expanded .thread-body {
|
||||||
border-left: 4px solid $fallback--cRed;
|
border-left: 4px solid var(--cRed);
|
||||||
border-left-color: var(--cRed, $fallback--cRed);
|
border-radius: var(--roundness);
|
||||||
border-radius: 0 0 $fallback--panelRadius $fallback--panelRadius;
|
border-top-left-radius: 0;
|
||||||
border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius);
|
border-top-right-radius: 0;
|
||||||
border-bottom: 1px solid var(--border, $fallback--border);
|
border-bottom: 1px solid var(--border);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.-expanded.status-fadein {
|
&.-expanded.status-fadein {
|
||||||
|
@ -117,29 +117,6 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
|
||||||
position: relative;
|
|
||||||
border-bottom: 1px solid;
|
|
||||||
border-color: $fallback--border;
|
|
||||||
border-color: var(--border, $fallback--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
> li {
|
|
||||||
&:first-child.menu-item {
|
|
||||||
border-top-right-radius: var(--roundness);
|
|
||||||
border-top-left-radius: var(--roundness);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child.menu-item {
|
|
||||||
border-bottom-right-radius: var(--roundness);
|
|
||||||
border-bottom-left-radius: var(--roundness);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
li:last-child {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navigation-chevron {
|
.navigation-chevron {
|
||||||
margin-left: 0.8em;
|
margin-left: 0.8em;
|
||||||
margin-right: 0.8em;
|
margin-right: 0.8em;
|
||||||
|
@ -140,12 +140,7 @@
|
|||||||
.result-fill {
|
.result-fill {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
color: $fallback--text;
|
border-radius: var(--roundness);
|
||||||
color: var(--pollText, $fallback--text);
|
|
||||||
background-color: $fallback--lightBg;
|
|
||||||
background-color: var(--poll, $fallback--lightBg);
|
|
||||||
border-radius: $fallback--panelRadius;
|
|
||||||
border-radius: var(--panelRadius, $fallback--panelRadius);
|
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
transition: width 0.5s;
|
transition: width 0.5s;
|
||||||
|
@ -171,7 +171,7 @@
|
|||||||
:disabled="posting && !optimisticPosting"
|
:disabled="posting && !optimisticPosting"
|
||||||
v-bind="propsToNative(inputProps)"
|
v-bind="propsToNative(inputProps)"
|
||||||
size="1"
|
size="1"
|
||||||
class="form-post-subject"
|
class="input form-post-subject"
|
||||||
>
|
>
|
||||||
</template>
|
</template>
|
||||||
</EmojiInput>
|
</EmojiInput>
|
||||||
@ -198,7 +198,7 @@
|
|||||||
rows="1"
|
rows="1"
|
||||||
cols="1"
|
cols="1"
|
||||||
:disabled="posting && !optimisticPosting"
|
:disabled="posting && !optimisticPosting"
|
||||||
class="form-post-body"
|
class="input form-post-body"
|
||||||
:class="{ 'scrollable-form': !!maxHeight }"
|
:class="{ 'scrollable-form': !!maxHeight }"
|
||||||
v-bind="propsToNative(inputProps)"
|
v-bind="propsToNative(inputProps)"
|
||||||
@keydown.exact.enter="submitOnEnter && postStatus($event, newStatus)"
|
@keydown.exact.enter="submitOnEnter && postStatus($event, newStatus)"
|
||||||
@ -555,7 +555,7 @@
|
|||||||
line-height: 1.85;
|
line-height: 1.85;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-post-body {
|
.input.form-post-body {
|
||||||
// TODO: make a resizable textarea component?
|
// TODO: make a resizable textarea component?
|
||||||
box-sizing: content-box; // needed for easier computation of dynamic size
|
box-sizing: content-box; // needed for easier computation of dynamic size
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -566,7 +566,6 @@
|
|||||||
height: calc(var(--post-line-height) * 1em);
|
height: calc(var(--post-line-height) * 1em);
|
||||||
min-height: calc(var(--post-line-height) * 1em);
|
min-height: calc(var(--post-line-height) * 1em);
|
||||||
resize: none;
|
resize: none;
|
||||||
text: inherit;
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
||||||
&.scrollable-form {
|
&.scrollable-form {
|
||||||
|
@ -10,12 +10,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reported-status {
|
.reported-status {
|
||||||
border: 1px solid $fallback--faint;
|
border: 1px solid var(--border);
|
||||||
border-color: var(--faint, $fallback--faint);
|
border-radius: var(--roundness);
|
||||||
border-radius: $fallback--inputRadius;
|
|
||||||
border-radius: var(--inputRadius, $fallback--inputRadius);
|
|
||||||
color: $fallback--text;
|
|
||||||
color: var(--text, $fallback--text);
|
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
margin: 0.5em 0;
|
margin: 0.5em 0;
|
||||||
|
@ -50,8 +50,7 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0.2em;
|
top: 0.2em;
|
||||||
right: 0.2em;
|
right: 0.2em;
|
||||||
border-radius: $fallback--tooltipRadius;
|
border-radius: var(--roundness);
|
||||||
border-radius: var(--tooltipRadius, $fallback--tooltipRadius);
|
|
||||||
background-color: rgb(0 0 0 / 60%);
|
background-color: rgb(0 0 0 / 60%);
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
width: 1.5em;
|
width: 1.5em;
|
||||||
|
@ -227,8 +227,6 @@
|
|||||||
min-width: 20px;
|
min-width: 20px;
|
||||||
min-height: 20px;
|
min-height: 20px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
border-radius: $fallback--avatarAltRadius;
|
|
||||||
border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
|
@ -60,65 +60,6 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
|
||||||
display: block;
|
|
||||||
padding: 0 0.65em;
|
|
||||||
height: 3.5em;
|
|
||||||
line-height: 3.5em;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: $fallback--lightBg;
|
|
||||||
background-color: var(--selectedMenu, $fallback--lightBg);
|
|
||||||
color: $fallback--link;
|
|
||||||
color: var(--selectedMenuText, $fallback--link);
|
|
||||||
|
|
||||||
--faint: var(--selectedMenuFaintText, $fallback--faint);
|
|
||||||
--faintLink: var(--selectedMenuFaintLink, $fallback--faint);
|
|
||||||
--lightText: var(--selectedMenuLightText, $fallback--lightText);
|
|
||||||
--icon: var(--selectedMenuIcon, $fallback--icon);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.router-link-active {
|
|
||||||
font-weight: bolder;
|
|
||||||
background-color: $fallback--lightBg;
|
|
||||||
background-color: var(--selectedMenu, $fallback--lightBg);
|
|
||||||
color: $fallback--text;
|
|
||||||
color: var(--selectedMenuText, $fallback--text);
|
|
||||||
|
|
||||||
--faint: var(--selectedMenuFaintText, $fallback--faint);
|
|
||||||
--faintLink: var(--selectedMenuFaintLink, $fallback--faint);
|
|
||||||
--lightText: var(--selectedMenuLightText, $fallback--lightText);
|
|
||||||
--icon: var(--selectedMenuIcon, $fallback--icon);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
margin-right: 0.4em;
|
|
||||||
margin-left: -0.2em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
border-bottom: 1px solid;
|
|
||||||
border-color: $fallback--border;
|
|
||||||
border-color: var(--border, $fallback--border);
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
&:last-child a {
|
|
||||||
border-bottom-right-radius: $fallback--panelRadius;
|
|
||||||
border-bottom-right-radius: var(--panelRadius, $fallback--panelRadius);
|
|
||||||
border-bottom-left-radius: $fallback--panelRadius;
|
|
||||||
border-bottom-left-radius: var(--panelRadius, $fallback--panelRadius);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.TimelineMenu {
|
.TimelineMenu {
|
||||||
@ -159,8 +100,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.open .timeline-menu-title svg {
|
&.open .timeline-menu-title svg {
|
||||||
color: $fallback--text;
|
|
||||||
color: var(--panelText, $fallback--text);
|
|
||||||
transform: rotate(180deg);
|
transform: rotate(180deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -181,9 +181,8 @@
|
|||||||
.user-profile-field {
|
.user-profile-field {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 0.25em;
|
margin: 0.25em;
|
||||||
border: 1px solid var(--border, $fallback--border);
|
border: 1px solid var(--border);
|
||||||
border-radius: $fallback--inputRadius;
|
border-radius: var(--roundness);
|
||||||
border-radius: var(--inputRadius, $fallback--inputRadius);
|
|
||||||
|
|
||||||
.user-profile-field-name {
|
.user-profile-field-name {
|
||||||
flex: 0 1 30%;
|
flex: 0 1 30%;
|
||||||
@ -191,7 +190,7 @@
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
color: var(--lightText);
|
color: var(--lightText);
|
||||||
min-width: 120px;
|
min-width: 120px;
|
||||||
border-right: 1px solid var(--border, $fallback--border);
|
border-right: 1px solid var(--border);
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-profile-field-value {
|
.user-profile-field-value {
|
||||||
|
Loading…
Reference in New Issue
Block a user