IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: improve front page styling for mobile

Browse Source
This commit is contained in:
Sam
2015-06-22 14:25:17 +10:00
parent 701c23c8b7
commit fe6203d4ec
7 changed files with 127 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/assets/stylesheets/mobile/topic-list.scss
View File

@@ -6,6 +6,9 @@
// --------------------------------------------------
.list-controls {
.category-breadcrumb.hidden {
display: none;
}
margin: 5px;
.nav {
float: left;
@@ -17,6 +20,37 @@
.btn {
float: right;
margin-left: 8px;
margin-top: 5px;
}
.nav-pills {
position: relative;
}
.nav-pills .drop {
border: 1px solid dark-light-diff($primary, $secondary, 90%, -65%);
position: absolute;
z-index: 1000;
background-color: $secondary;
padding: 0 10px 10px 10px;
width: 150px;
top: 100%;
margin: 0;
li {
list-style-type: none;
margin-left: 0;
margin-top: 5px;
padding-top: 10px;
a {
width: 100%;
display: inline-block;
}
}
}
.nav-pills > li {
background: dark-light-diff($primary, $secondary, 90%, -65%);
i.fa-caret-down {
margin-left: 8px;
}
}
}