external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-15 01:59:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ta-da. Back button. (#254)

Browse Source
This commit is contained in:
Jake Archibald
2018-11-09 09:13:32 -08:00
committed by GitHub
parent 71f893cb44
commit 9b572f9541
7 changed files with 47 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Output/style.scss
View File

@@ -38,7 +38,7 @@
top: 0;
left: 0;
right: 0;
padding: 9px;
padding: 9px 84px;
overflow: hidden;
flex-wrap: wrap;
contain: content;
@@ -50,6 +50,7 @@
}
@media (min-width: 860px) {
padding: 9px;
top: auto;
left: 320px;
right: 320px;
@@ -78,14 +79,19 @@
display: flex;
align-items: center;
box-sizing: border-box;
height: 48px;
padding: 0 16px;
margin: 4px;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 5px;
line-height: 1;
white-space: nowrap;
height: 36px;
padding: 0 8px;
@media (min-width: 600px) {
height: 48px;
padding: 0 16px;
}
&:focus {
box-shadow: 0 0 0 2px var(--button-fg);
@@ -134,3 +140,10 @@
// https://bugs.chromium.org/p/chromium/issues/detail?id=870222#c10
will-change: auto;
}
.back {
position: absolute;
top: 0;
left: 0;
padding: 9px;
}