Responsive fixes

modularcode · Sep 6, 2017 · 8d5f6df · 8d5f6df
1 parent 0b6e176
commit 8d5f6df
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 14 deletions.
diff --git a/src/app/_common/sidebar/customize/customize.hbs b/src/app/_common/sidebar/customize/customize.hbs
@@ -14,7 +14,7 @@
 								<label class="title">static</label>
 							</div>
 						</div>
-						<div class="row hidden-md-down">
+						<div class="row">
 							<div class="col-4">
 								<label class="title">Sidebar:</label>
 							</div>

diff --git a/src/app/dashboard/items/items-list.scss b/src/app/dashboard/items/items-list.scss
@@ -4,23 +4,28 @@
 		// Common case styles
 
 		.item-col-title {
-			flex-grow: 3 * $item-list-col-grow;	
+			flex-grow: 3 * $item-list-col-grow;
 		}
 
 		.item-col-date {
-			text-align: right;	
+			text-align: right;
 		}
 
 		@include media-up(xl) {
 			.item-col-date {
-				flex-grow: $item-list-col-grow + 1;	
+				flex-grow: $item-list-col-grow + 1;
 			}
 		}
 
 
 		// Large mobile view
 
 		@include media-down(sm) {
+
+			.item-list-header {
+				display: none;
+			}
+
 			.item-row {
 				padding: 0;
 			}
@@ -94,4 +99,4 @@
 			}
 		}
 	}
-}
+}
diff --git a/src/app/dashboard/items/items.hbs b/src/app/dashboard/items/items.hbs
@@ -24,7 +24,7 @@
 		</div>
 	</div>
 	<ul class="item-list striped">
-		<li class="item item-list-header hidden-sm-down">
+		<li class="item item-list-header">
 			<div class="item-row">
 				<div class="item-col item-col-header fixed item-col-img xs"></div>
 				<div class="item-col item-col-header item-col-title">
@@ -50,7 +50,7 @@
 			</div>
 		</li>
 		{{#each items}}
-			<li class="item">	
+			<li class="item">
 				<div class="item-row">
 					<div class="item-col fixed item-col-img xs">
 						<a href="">
@@ -75,7 +75,7 @@
 					<div class="item-col item-col-stats">
 						<div class="item-heading">Stats</div>
 						<div class="no-overflow">
-							<div class="item-stats sparkline" data-type="bar"></div>	
+							<div class="item-stats sparkline" data-type="bar"></div>
 						</div>
 					</div>
 					<div class="item-col item-col-date">
@@ -88,4 +88,4 @@
 			</li>
 		{{/each}}
 	</ul>
-</div>
+</div>
diff --git a/src/app/items/list/items-list-page.hbs b/src/app/items/list/items-list-page.hbs
@@ -66,10 +66,6 @@ items:
 				</p>
 			</div>
 
-			{{!-- Search --}}
-			{{!-- <div class="col-sm-6hidden-xs">
-			</div> --}}
-
 		</div>
 	</div>
 
@@ -90,7 +86,7 @@ items:
 
 <div class="card items">
 	<ul class="item-list striped">
-		<li class="item item-list-header hidden-sm-down">
+		<li class="item item-list-header">
 			<div class="item-row">
 				<div class="item-col fixed item-col-check">
 					<label class="item-check" id="select-all-items">

diff --git a/src/app/items/list/items-list.scss b/src/app/items/list/items-list.scss
@@ -143,6 +143,10 @@
 	@include media(sm) {
 		.item-list {
 
+			.item-list-header {
+				display: none;
+			}
+
 			.item {
 				background-color: #fff;
 				margin-bottom: 10px;
@@ -241,6 +245,10 @@
 
 	@include media-down(xs) {
 
+		.item-list-header {
+			display: none;
+		}
+
 		.item-list .item {
 			border: none;
 			font-size: 0.9rem;