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

Fix ui at width 895

Browse source 
Signed-off-by: marcin mikołajczak <me@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2021-09-24 14:43:17 +02:00
parent 073db97490
commit 20038cf1e4
7 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -90,7 +90,7 @@
width: 100%; width: 100%;
position: relative; position: relative;
background: var(--background-color); background: var(--background-color);
@media (min-width: 895px) { height: 74px; } @media (min-width: 896px) { height: 74px; }
} }
&__avatar { &__avatar {
@ -152,7 +152,7 @@
max-width: 1200px; max-width: 1200px;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
@media (min-width: 895px) and (max-width: 1190px) { @media (min-width: 896px) and (max-width: 1190px) {
max-width: 900px; max-width: 900px;
padding-left: 300px; padding-left: 300px;
} }

2
app/styles/components/columns.scss
View file

@ -45,7 +45,7 @@
@media screen and (max-width: 375px) { @media screen and (max-width: 375px) {
padding: 0 10px; padding: 0 10px;
} }
@media screen and (min-width: 895px) { @media screen and (min-width: 896px) {
margin: 0 20px; margin: 0 20px;
padding: 0; padding: 0;
} }

2
app/styles/components/profile-info-panel.scss
View file

@ -7,7 +7,7 @@
flex-direction: column; flex-direction: column;
flex: 1 1; flex: 1 1;
@media (min-width: 895px) { @media (min-width: 896px) {
padding-top: 60px; padding-top: 60px;
} }
} }

4
app/styles/components/search.scss
View file

@ -125,7 +125,7 @@
padding: 25px 0; padding: 25px 0;
background-color: var(--accent-color--med); background-color: var(--accent-color--med);
@media (min-width: 895px) { @media (min-width: 896px) {
display: block; display: block;
} }
} }
@ -154,7 +154,7 @@
} }
} }
@media (min-width: 895px) and (max-width: 1190px) { @media (min-width: 896px) and (max-width: 1190px) {
&__title-text, &__title-text,
&__type-filters-tabs { &__type-filters-tabs {
max-width: 900px; max-width: 900px;

6
app/styles/components/tabs-bar.scss
View file

@ -107,7 +107,7 @@
font-size: 18px; font-size: 18px;
color: #fff; color: #fff;
@media (min-width: 895px) { @media (min-width: 896px) {
display: none; display: none;
} }
} }
@ -190,7 +190,7 @@
} }
&--search { &--search {
@media (min-width: 895px) { @media (min-width: 896px) {
display: none; display: none;
} }
} }
@ -215,7 +215,7 @@
} }
.icon-with-counter__counter { .icon-with-counter__counter {
@media screen and (min-width: 895px) { @media screen and (min-width: 896px) {
left: 5px; left: 5px;
} }
} }

2
app/styles/demetricator.scss
View file

@ -11,6 +11,6 @@ body.demetricator {
.account__header__bar { .account__header__bar {
min-height: 50px; min-height: 50px;
@media (min-width: 895px) { height: 50px; } @media (min-width: 896px) { height: 50px; }
} }
} }

2
app/styles/ui.scss
View file

@ -335,7 +335,7 @@
z-index: 105; z-index: 105;
background: var(--foreground-color); background: var(--foreground-color);
@media (min-width: 895px) { @media (min-width: 896px) {
top: -290px; top: -290px;
position: sticky; position: sticky;
} }