Browse Source

Minor fixes for "Fairy Floss" theme in 1.1.1 (#1351)

My instance was updated to 1.1.1 recently, and I noticed the background
color does not fill the whole card for links without big preview images
on top when using the fairy-floss theme:


![image](https://github.com/hometown-fork/hometown/assets/525780/c184f3d7-58cc-4593-937b-7a167e53a0be)

Similarly, there's some background code missing to the right when the
link content (title / preview) don't stretch the card content to fill
the link horizontally:


![image](https://github.com/hometown-fork/hometown/assets/525780/d908f94f-1dce-446b-b795-25be4421c0fa)

This diff should fix that. There's some remaining styling for
`.status-card.compact`, but I don't know where that's used.

The second commit fixes some issues with the dropdown that appears when
clicking the "…" button on the bottom left of a post:

**Before**

![image](https://github.com/hometown-fork/hometown/assets/525780/5ef58f6a-f90a-4320-b122-55418b51227d)

**After**

![image](https://github.com/hometown-fork/hometown/assets/525780/fb4f89cf-817f-478b-a02c-a6d15e66bb49)

My apologies if these changes should be made upstream somewhere, but I
didn't find another repo for the theme.

---------

Co-authored-by: arne <noreply@null.arnes.space>
v4.2.17+hometown-1.1.1
rrrnld 1 year ago committed by Darius Kazemi
parent
commit
ea717aaf75
  1. 34
      app/javascript/styles/fairy-floss/diff.scss

34
app/javascript/styles/fairy-floss/diff.scss

@ -214,6 +214,15 @@ body.admin {
// link previews
.status-card {
background: $purple5;
&:hover,
&:focus {
background: darken($purple5, 4%);
}
}
.status-card.compact {
border-color: darken($purple5, 8%);
background: $purple5;
@ -223,15 +232,6 @@ body.admin {
background: $purple3;
}
.status-card__content {
background: $purple5;
&:hover,
&:focus {
background: darken($purple5, 4%);
}
}
.notification__filter-bar button.active,
.notification__filter-bar a.active,
.account__section-headline button.active,
@ -381,22 +381,6 @@ a.mention,
background: $purple1;
}
.dropdown-menu,
.dropdown-menu__item a {
background: $purple4;
}
.dropdown-menu__item a {
&:hover,
&:focus {
background: $purple2;
}
}
.dropdown-menu__separator {
border-bottom: 1px solid darken($purple4, 4%);
}
.button.logo-button.button--destructive:active,
.button.logo-button.button--destructive:focus,
.button.logo-button.button--destructive:hover {

Loading…
Cancel
Save