data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

fix: fix style of snackbar on mobile (#1197)

Browse source
This commit is contained in:
Nolan Lawson 2019-05-08 23:35:33 -07:00 committed by GitHub
parent 43baaf36ae
commit 4432d49467
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/routes/_components/snackbar/Snackbar.html
View file

@ -86,7 +86,24 @@
@media (max-width: 767px) { @media (max-width: 767px) {
.snackbar-container { .snackbar-container {
width: 100%; width: calc(100% - 20px);
}
button {
margin-left: 0;
padding: 7px 10px;
}
}
@media (max-width: 479px) {
button {
font-size: 0.9em;
}
:global(.close-snackbar-button) {
width: 14px;
height: 14px;
}
.text {
font-size: 0.9em;
} }
} }
</style> </style>