chinwag/chinwagsocial
chinwag/chinwagsocial
2
0
Fork 0
Code Issues Pull requests Releases 14 Wiki Activity

Add logged-out access to the web UI (#18961)

Browse source
This commit is contained in:
Eugen Rochko 2022-09-29 04:39:33 +02:00 • committed by GitHub
commit 43b5d5e38d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
33 changed files with 423 additions and 145 deletions
Download patch file Download diff file Expand all files Collapse all files

56
app/javascript/styles/mastodon/components.scss
View file

@ -126,6 +126,7 @@
&:hover {
border-color: lighten($ui-primary-color, 4%);
color: lighten($darker-text-color, 4%);
text-decoration: none;
}
&:disabled {
@ -700,6 +701,15 @@
transition: height 0.4s ease, opacity 0.4s ease;
}
.sign-in-banner {
padding: 10px;
p {
color: $darker-text-color;
margin-bottom: 20px;
}
}
.emojione {
font-size: inherit;
vertical-align: middle;
@ -2214,6 +2224,7 @@ a.account__display-name {
> .scrollable {
background: $ui-base-color;
border-radius: 0 0 4px 4px;
}
}
@ -2660,6 +2671,26 @@ a.account__display-name {
height: calc(100% - 10px);
overflow-y: hidden;
.hero-widget {
box-shadow: none;
&__text,
&__img,
&__img img {
border-radius: 0;
}
&__text {
padding: 15px;
color: $secondary-text-color;
strong {
font-weight: 700;
color: $primary-text-color;
}
}
}
.navigation-bar {
padding-top: 20px;
padding-bottom: 20px;
@ -2667,10 +2698,6 @@ a.account__display-name {
min-height: 20px;
}
.flex-spacer {
background: transparent;
}
.compose-form {
flex: 1;
overflow-y: hidden;
@ -2709,6 +2736,14 @@ a.account__display-name {
flex: 0 0 auto;
}
.logo {
height: 30px;
width: auto;
}
}
.navigation-panel,
.compose-panel {
hr {
flex: 0 0 auto;
border: 0;
@ -2836,6 +2871,7 @@ a.account__display-name {
box-sizing: border-box;
width: 100%;
background: lighten($ui-base-color, 4%);
border-radius: 4px 4px 0 0;
color: $highlight-text-color;
cursor: pointer;
flex: 0 0 auto;
@ -3031,6 +3067,17 @@ a.account__display-name {
color: $highlight-text-color;
}
}
&--logo {
background: transparent;
padding: 10px;
&:hover,
&:focus,
&:active {
background: transparent;
}
}
}
.column-link__icon {
@ -3551,6 +3598,7 @@ a.status-card.compact:hover {
display: flex;
font-size: 16px;
background: lighten($ui-base-color, 4%);
border-radius: 4px 4px 0 0;
flex: 0 0 auto;
cursor: pointer;
position: relative;