bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'subscribe-button-position' into 'develop'

Browse source 
Subscriptions: move subscribe button to top-right corner of banner

See merge request soapbox-pub/soapbox-fe!551
This commit is contained in:
Alex Gleason 2021-06-27 22:21:12 +00:00
commit 72d7ca5cdd
3 changed files with 25 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/features/account/components/header.js
View file

Binary file not shown.

BIN
app/soapbox/features/ui/components/subscription_button.js
View file

Binary file not shown.

49
app/styles/components/account-header.scss
View file

@ -15,6 +15,31 @@
z-index: 1; z-index: 1;
} }
&__subscribe {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
.subscription-button {
color: var(--primary-text-color);
margin-bottom: 4px;
display: block;
vertical-align: top;
background-color: var(--background-color);
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
padding: 4px;
border-radius: 4px;
opacity: 0.7;
&:not(.button-active) i.fa {
margin: 0;
}
}
}
&__image { &__image {
overflow: hidden; overflow: hidden;
height: 350px; height: 350px;
@ -150,30 +175,6 @@
.button { margin-right: 10px; } .button { margin-right: 10px; }
.subscription-button {
padding: 0;
height: 36px;
line-height: 36px;
width: 36px;
margin-right: 10px;
font-size: 20px;
text-align: center;
border: 1px solid var(--brand-color);
background: transparent;
color: var(--primary-text-color);
&:hover,
&.active {
border-color: $error-red;
background: $error-red;
color: #fff;
}
@media (max-width: 430px) {
display: none;
}
}
.button-active { .button-active {
border-color: #008000; border-color: #008000;
background: #008000; background: #008000;