further tweaks to get post selection OK on mobile

This commit is contained in:
Jeff Atwood 2015-01-20 22:51:15 -08:00
parent c4ddc5b983
commit e5cad726fd
1 changed files with 25 additions and 13 deletions
app/assets/stylesheets/mobile

View File

@ -384,12 +384,36 @@ iframe {
}
#selected-posts {
padding-left: 20px;
float: left;
width: 97%;
padding-left: 3%;
background-color: dark-light-diff($tertiary, $secondary, 90%, -40%);
.btn {
margin-bottom: 10px;
color: $secondary;
background: scale-color($tertiary, $lightness: 50%);
clear: both;
}
p {
clear: both;
}
}
// hide the full set of selection buttons on mobile
.select-posts button { display: none; }
// unhide the simple "select just this post" button
button.select-post {
display: inline-block;
position: absolute;
z-index: 401; // 400 is the reply-to tab
left: 200px;
background-color: scale-color($tertiary, $lightness: 50%);
color: $secondary;
padding: 5px;
}
.post-select {
float: right;
margin-right: 20px;
@ -477,15 +501,3 @@ span.highlighted {
display: none;
}
// hide the full set of selection buttons on mobile
.select-posts button { display: none; }
// unhide the simple "select just this post" button
button.select-post {
display: inline-block;
position: absolute;
z-index: 401; // 400 is the reply-to tab
left: 200px;
background-color: scale-color($tertiary, $lightness: 50%);
color: $secondary;
}