Page MenuHomePhorge
Files F140595

No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

View Options

diff --git a/src/components/status_action_buttons/action_button.scss b/src/components/status_action_buttons/action_button.scss
index 81e64aa9..14bfdfa9 100644
--- a/src/components/status_action_buttons/action_button.scss
+++ b/src/components/status_action_buttons/action_button.scss
@@ -3,8 +3,10 @@
.quick-action {
display: grid;
- grid-template-columns: max-content;
+ grid-template-columns: minmax(max-content, 1fr);
grid-gap: 0.25em;
+ align-items: center;
+ height: 1.5em;
.action-counter {
overflow-x: hidden;
@@ -12,14 +14,6 @@
white-space: nowrap;
}
- &.-pin {
- margin: calc(-2px - 0.25em);
- padding: 0.25em;
- border: 2px dashed var(--icon);
- border-radius: var(--roundness);
- grid-template-columns: 1fr auto;
- }
-
.action-button-inner,
.extra-button {
margin: -0.5em;
@@ -27,14 +21,23 @@
}
.separator {
- width: 0.5em;
+ display: block;
+ align-self: stretch;
+ width: 1px;
+ background-color: var(--icon);
+ margin-right: 0.5em;
+ }
+
+ &.-pin {
+ margin: calc(-2px - 0.25em);
+ padding: 0.25em;
+ border: 2px dashed var(--icon);
+ border-radius: var(--roundness);
+ grid-template-columns: minmax(max-content, 1fr) auto;
- &::before {
- content: "";
- display: block;
- width: 1px;
- height: 1.5em;
- background-color: var(--icon);
+ .extra-button,
+ .separator {
+ display: none;
}
}
@@ -51,6 +54,7 @@
.action-button {
display: grid;
grid-auto-flow: column;
+ align-items: center;
padding: 0;
.action-button-inner {
diff --git a/src/components/status_action_buttons/status_action_buttons.scss b/src/components/status_action_buttons/status_action_buttons.scss
index 2764356c..4acf4a07 100644
--- a/src/components/status_action_buttons/status_action_buttons.scss
+++ b/src/components/status_action_buttons/status_action_buttons.scss
@@ -8,6 +8,12 @@
grid-auto-rows: 1fr;
grid-gap: 1.25em 1em;
margin-top: var(--status-margin);
+ align-items: baseline;
+ }
+
+ .pin-action-button {
+ margin: -0.5em;
+ padding: 0.5em;
}
}
// popover

File Metadata

Mime Type
text/x-diff
Expires
Mon, Jan 20, 11:45 AM (1 d, 7 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
55573
Default Alt Text
(2 KB)

Event Timeline