More styling and content fixes to static about page
This commit is contained in:
parent
0ec450b144
commit
bcfefcbe0f
|
@ -1168,3 +1168,11 @@ button.icon-button.disabled i.fa-retweet {
|
||||||
background: $white;
|
background: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.rules-list {
|
||||||
|
background-color: $cream;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button.button-tertiary {
|
||||||
|
color: $darker-text-color;
|
||||||
|
}
|
||||||
|
|
|
@ -599,7 +599,7 @@ h1 a.brand {
|
||||||
height: 104px;
|
height: 104px;
|
||||||
position: relative;
|
position: relative;
|
||||||
left: -40px;
|
left: -40px;
|
||||||
bottom: 25px;
|
bottom: 37px;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
height: 190px;
|
height: 190px;
|
||||||
|
|
|
@ -249,8 +249,34 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.public-layout {
|
.public-layout {
|
||||||
@media screen and (max-width: $no-gap-breakpoint-static) {
|
.originalheader {
|
||||||
padding-top: 48px;
|
padding: 50px 30px 30px;
|
||||||
|
|
||||||
|
.logo--icon {
|
||||||
|
width: 140px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
line-height: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#register {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.closed {
|
||||||
|
margin-top: 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
max-width: 400px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
|
@ -413,6 +439,7 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);
|
box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);
|
||||||
|
height: auto;
|
||||||
|
|
||||||
&.inactive {
|
&.inactive {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
|
@ -431,38 +458,6 @@
|
||||||
padding: 3px 15px;
|
padding: 3px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__image {
|
|
||||||
border-radius: 4px 4px 0 0;
|
|
||||||
overflow: hidden;
|
|
||||||
height: 300px;
|
|
||||||
position: relative;
|
|
||||||
background: darken($ui-base-color, 12%);
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
object-fit: cover;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0;
|
|
||||||
border-radius: 4px 4px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 600px) {
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&--no-bar {
|
&--no-bar {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
|
|
@ -9,15 +9,25 @@
|
||||||
.column-0
|
.column-0
|
||||||
.public-account-header.public-account-header--no-bar
|
.public-account-header.public-account-header--no-bar
|
||||||
.public-account-header__image
|
.public-account-header__image
|
||||||
- if @instance_presenter.thumbnail.present?
|
|
||||||
= image_tag @instance_presenter.thumbnail&.file&.url, alt: @instance_presenter.title, class: 'parallax'
|
|
||||||
- else
|
|
||||||
%div{:class => ("originalheader")}
|
%div{:class => ("originalheader")}
|
||||||
= logo_as_symbol
|
|
||||||
%h1
|
%h1
|
||||||
= link_to root_url, class: 'brand' do
|
= link_to root_url, class: 'brand' do
|
||||||
= site_title
|
= site_title
|
||||||
|
.box-widget
|
||||||
|
%p <a href="/auth/sign_in" id="login" class="btn button button-primary">Sign in</a>
|
||||||
|
- if !closed_registrations?
|
||||||
|
%p <a href="/auth/sign_up" id="register" class="btn button button-primary">Create account</a>
|
||||||
|
- if closed_registrations? && @instance_presenter.closed_registrations_message.present?
|
||||||
|
.closed
|
||||||
|
.rich-formatting
|
||||||
|
%h3= 'Registrations closed.'
|
||||||
|
%p= @instance_presenter.closed_registrations_message.html_safe
|
||||||
|
- if closed_registrations? && !@instance_presenter.closed_registrations_message.present?
|
||||||
|
%hr
|
||||||
|
.closed
|
||||||
|
.rich-formatting
|
||||||
|
%h3= 'Registrations closed.'
|
||||||
|
%p= 'This server is closed to registrations.'
|
||||||
.column-1
|
.column-1
|
||||||
.landing-page__call-to-action{ dir: 'ltr' }
|
.landing-page__call-to-action{ dir: 'ltr' }
|
||||||
.row
|
.row
|
||||||
|
|
Loading…
Reference in New Issue