zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-25 01:32:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

Dashboard (list-view) mobile styles

Browse source
This commit is contained in:
Victoria Wang 2015-05-20 16:38:15 -07:00
parent 9bf33e192b
commit e4f2495438
1 changed files with 25 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
sass/_project-sass/_project-Main.scss
View file

@ -245,6 +245,7 @@
.btn-group { .btn-group {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
margin-left: -3px;
>.btn+.btn { >.btn+.btn {
margin-left: 0px; margin-left: 0px;
@ -253,14 +254,13 @@
.btn { .btn {
padding: 7px 11px; padding: 7px 11px;
margin-top: 1px; margin-top: 1px;
margin-left: -3px;
background: #77ABB8; background: #77ABB8;
@include box-shadow(0 0 5px rgba(0, 0, 0, 0.2)); @include box-shadow(0 0 5px rgba(0, 0, 0, 0.2));
&:hover { &:hover {
background: #83B3C0; background: #83B3C0;
} }
&:focus { &:focus, &.active {
outline: 0; outline: 0;
background: #4F727B; background: #4F727B;
} }
@ -288,12 +288,22 @@
} }
.files .actions { .files .actions {
float: right; float: right;
@media (max-device-width:480px), screen and (max-width:800px) {
float: left;
margin-top: 7px;
.fa {
display: none;
}
}
} }
.files .btn-Action { .files .btn-Action {
margin-left: 8px; margin-left: 8px;
@media (max-device-width:480px), screen and (max-width:800px) { @media (max-device-width:480px), screen and (max-width:800px) {
margin: 4px 8px 4px 0; margin: 4px 3px 4px 0;
padding: 8px 17px;
} }
} }
.files .list { .files .list {
@ -503,6 +513,10 @@
text-align: left; text-align: left;
width: 30%; width: 30%;
text-overflow: ellipsis; text-overflow: ellipsis;
@media (max-device-width:480px), screen and (max-width:800px) {
width: 33%;
}
} }
input[type='checkbox'] { input[type='checkbox'] {
display: block; display: block;
@ -550,6 +564,10 @@
.link-overlay { .link-overlay {
width: 30%; width: 30%;
} }
@media (max-device-width:480px), screen and (max-width:800px) {
width: 84%;
}
} }
.html-thumbnail > .overlay { .html-thumbnail > .overlay {
display: none; display: none;
@ -560,6 +578,10 @@
font-size: 13px; font-size: 13px;
display: block; display: block;
padding-top: 4px; padding-top: 4px;
@media (max-device-width:480px), screen and (max-width:800px) {
display: none;
}
} }
} }
.site-actions { .site-actions {