external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-16 18:49:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Hide options on mobile

Browse Source
This commit is contained in:
Jason Miller
2020-12-09 12:12:32 -05:00
parent c6d936cd49
commit c2aa35aa02
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/client/lazy-app/Compress/Transform/style.css
View File

@@ -73,7 +73,7 @@
/* @TODO use grid */ /* @TODO use grid */
.cancel { .cancel {
fill: rgba(0, 0, 0, 0.4); fill: rgba(0, 0, 0, 0.7);
& > svg:not(.icon) { & > svg:not(.icon) {
display: block; display: block;
@@ -93,7 +93,7 @@
display: inline-block; display: inline-block;
padding: 4px 10px; padding: 4px 10px;
border-radius: 1rem; border-radius: 1rem;
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.7);
font-size: 80%; font-size: 80%;
color: #fff; color: #fff;
} }
@@ -126,6 +126,11 @@
animation: slideInFromRight 500ms ease-out forwards 1; animation: slideInFromRight 500ms ease-out forwards 1;
--horizontal-padding: 15px; --horizontal-padding: 15px;
--main-theme-color: var(--blue); --main-theme-color: var(--blue);
/* Hide on mobile (for now) */
@media (max-width: 599px) {
display: none;
}
} }
@keyframes slideInFromRight { @keyframes slideInFromRight {
0% { 0% {

6
src/client/lazy-app/Compress/style.css
View File

@@ -44,6 +44,12 @@
transform: translateX(100%); transform: translateX(100%);
} }
@media (max-width: 599px) {
& > .options {
display: none;
}
}
& > .back { & > .back {
display: none; display: none;
} }