mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Merge branch 'fix-breakpoint' into 'develop' 

Fix UI at width 895px

See merge request soapbox-pub/soapbox-fe!778
v1.x.x
Alex Gleason 2021-09-24 14:36:33 +00:00
rodzic 3dfd066685 20038cf1e4
commit 376c086646
7 zmienionych plików z 11 dodań i 11 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

4
app/styles/components/account-header.scss
Wyświetl plik

@ -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
Wyświetl plik

@ -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
Wyświetl plik

@ -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
Wyświetl plik

@ -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
Wyświetl plik

@ -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
Wyświetl plik

@ -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
Wyświetl plik

@ -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;
} }