commit: a511250b63b337f4f541a77e57cf6fb7ecbd5d1a
parent 415a823af09b61e7ca7adfe295ad3a5eebc5e8b5
Author: Tusooa Zhu <tusooa@kazv.moe>
Date: Mon, 7 Mar 2022 19:28:38 -0500
Make $status-margin fallback only
Diffstat:
4 files changed, 15 insertions(+), 19 deletions(-)
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
@@ -194,7 +194,7 @@
.Conversation {
.conversation-dive-to-top-level-box {
- padding: $status-margin;
+ padding: var(--status-margin, $status-margin);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: var(--border, $fallback--border);
@@ -206,7 +206,7 @@
}
.thread-ancestors {
- margin-left: $status-margin;
+ margin-left: var(--status-margin, $status-margin);
border-left: 2px solid var(--border, $fallback--border);
}
@@ -216,7 +216,7 @@
color: var(--text);
}
.thread-ancestor-dive-box {
- padding-left: $status-margin;
+ padding-left: var(--status-margin, $status-margin);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: var(--border, $fallback--border);
@@ -229,7 +229,7 @@
}
}
.thread-ancestor-dive-box-inner {
- padding: $status-margin;
+ padding: var(--status-margin, $status-margin);
}
.conversation-status {
diff --git a/src/components/status/status.scss b/src/components/status/status.scss
@@ -27,7 +27,7 @@
}
.gravestone {
- padding: $status-margin;
+ padding: var(--status-margin, $status-margin);
color: $fallback--faint;
color: var(--faint, $fallback--faint);
display: flex;
@@ -40,7 +40,7 @@
.status-container {
display: flex;
- padding: $status-margin;
+ padding: var(--status-margin, $status-margin);
&.-repeat {
padding-top: 0;
@@ -48,7 +48,7 @@
}
.pin {
- padding: $status-margin $status-margin 0;
+ padding: var(--status-margin, $status-margin) var(--status-margin, $status-margin) 0;
display: flex;
align-items: center;
justify-content: flex-end;
@@ -64,7 +64,7 @@
}
.left-side {
- margin-right: $status-margin;
+ margin-right: var(--status-margin, $status-margin);
}
.right-side {
@@ -73,7 +73,7 @@
}
.usercard {
- margin-bottom: $status-margin;
+ margin-bottom: var(--status-margin, $status-margin);
}
.status-username {
@@ -239,7 +239,7 @@
}
.repeat-info {
- padding: 0.4em $status-margin;
+ padding: 0.4em var(--status-margin, $status-margin);
.repeat-icon {
color: $fallback--cGreen;
@@ -285,7 +285,7 @@
position: relative;
width: 100%;
display: flex;
- margin-top: $status-margin;
+ margin-top: var(--status-margin, $status-margin);
> * {
max-width: 4em;
@@ -353,7 +353,7 @@
}
.favs-repeated-users {
- margin-top: $status-margin;
+ margin-top: var(--status-margin, $status-margin);
}
.stats {
@@ -380,7 +380,7 @@
}
.stat-count {
- margin-right: $status-margin;
+ margin-right: var(--status-margin, $status-margin);
user-select: none;
.stat-title {
diff --git a/src/components/status_content/status_content.vue b/src/components/status_content/status_content.vue
@@ -58,10 +58,6 @@
<script src="./status_content.js" ></script>
<style lang="scss">
-@import '../../_variables.scss';
-
-$status-margin: 0.75em;
-
.StatusContent {
flex: 1;
min-width: 0;
diff --git a/src/components/thread_tree/thread_tree.vue b/src/components/thread_tree/thread_tree.vue
@@ -113,12 +113,12 @@
<style lang="scss">
@import '../../_variables.scss';
.thread-tree-replies {
- margin-left: $status-margin;
+ margin-left: var(--status-margin, $status-margin);
border-left: 2px solid var(--border, $fallback--border);
}
.thread-tree-replies-hidden {
- padding: $status-margin;
+ padding: var(--status-margin, $status-margin);
/* Make the button stretch along the whole row */
display: flex;
align-items: stretch;