Skip to content

Commit

Permalink
Update layout-multiple-columns.scss
Browse files Browse the repository at this point in the history
Update to support hover card and bottomless card and add styles for more-from-author

Signed-off-by: Nathan Sparrow <[email protected]>
  • Loading branch information
DismalShadowX authored Jun 30, 2024
1 parent 2f24a09 commit 32e97b4
Showing 1 changed file with 14 additions and 4 deletions.
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
/* Mastodon Bird UI by @[email protected]
2.0.0rc37 */
2.0.0rc39 */

/* Mastodon Custom UI modified by @[email protected]
1.0.0 */
1.0.1 */

/* CSS variables */
:root {
Expand Down Expand Up @@ -254,7 +254,7 @@ body.theme-contrast.layout-multiple-columns {
}

/* Light theme */
body.theme-mastodon-bird-ui-light.layout-multiple-columns {
body.theme-mastodon-light.layout-multiple-columns {
--color-bg: #fff;
--color-fg: #000;
--color-border: #e6e1ed;
Expand Down Expand Up @@ -621,6 +621,11 @@ body.layout-multiple-columns {
transition: all 200ms;
}

.layout-multiple-columns .status-card.status-card.bottomless {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.layout-multiple-columns .status-card.expanded {
display: block;
}
Expand Down Expand Up @@ -1613,6 +1618,7 @@ body.embed .detailed-status,
}

/* End: Experimental Threads-like media proportions, if the height is tall, show smaller media */
.layout-multiple-columns .status .status-card + .more-from-author,
.layout-multiple-columns .status .status-card {
margin-left: calc(var(--size-avatar) + var(--gap-default));
}
Expand Down Expand Up @@ -1702,6 +1708,10 @@ body.embed .detailed-status__meta .detailed-status__link .icon-retweet,

/* Icon buttons */
.layout-multiple-columns .icon-button {
border-bottom-left-radius: 9999px;
border-bottom-right-radius: 9999px;
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
color: var(--color-dim);
}

Expand Down

0 comments on commit 32e97b4

Please sign in to comment.