github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-07 20:31:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

Styles for better accomodating smaller resolutions. Vertically centering.

Browse source
This commit is contained in:
Paulo Reis 2016-11-01 14:52:10 +00:00
parent fda66107a9
commit 4c94c027b8
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
services/web/public/stylesheets/app/editor/feature-onboarding.less
View file

@ -7,11 +7,15 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, .85); background-color: rgba(0, 0, 0, .85);
color: #FFF; color: #FFF;
text-align: center; text-align: center;
z-index: 102; z-index: 102;
transition: left ease-in-out @left-menu-animation-duration; transition: left ease-in-out @left-menu-animation-duration;
overflow: auto;
&::before { &::before {
content: ''; content: '';
position: fixed; position: fixed;
@ -46,16 +50,12 @@
} }
} }
.feat-onboard-wrapper { .feat-onboard-wrapper {
position: fixed;
top: 130px;
left: 50%;
width: @feat-onboard-wrapper-width; width: @feat-onboard-wrapper-width;
margin-left: -@feat-onboard-wrapper-width / 2;
text-shadow: 0 0 70px rgba(255, 255, 255, 0.5); text-shadow: 0 0 70px rgba(255, 255, 255, 0.5);
} }
.feat-onboard-title { .feat-onboard-title {
color: @brand-primary; color: @brand-primary;
margin-bottom: 50px; margin-bottom: 40px;
} }
.feat-onboard-title-name { .feat-onboard-title-name {
@ -65,7 +65,7 @@
.feat-onboard-description { .feat-onboard-description {
max-width: @feat-onboard-max-text-width; max-width: @feat-onboard-max-text-width;
margin: 0 auto 40px; margin: 0 auto 30px;
padding: 0 80px; padding: 0 80px;
} }
.feat-onboard-description-name { .feat-onboard-description-name {
@ -78,7 +78,7 @@
.feat-onboard-adv-wrapper { .feat-onboard-adv-wrapper {
text-align: left; text-align: left;
margin-bottom: 40px; margin-bottom: 30px;
} }
.feat-onboard-adv-title { .feat-onboard-adv-title {
color: #FFF; color: #FFF;