Bläddra i källkod

Add buttons styles

Tati 10 år sedan
förälder
incheckning
e1c66f7c46
2 ändrade filer med 30 tillägg och 9 borttagningar
  1. 9 9
      front/main.html
  2. 21 0
      front/style.css

+ 9 - 9
front/main.html

@@ -17,11 +17,13 @@
 					</li>
 					<li>
 						<label for="category">Category</label>
-						<select ng-model="category" value="-1" ng-change="filter()">
-							<option value="-1">--</option>
-							<option value="0">Press Releases</option>
-							<option value="1">News</option>
-						</select>
+						<div class="select">
+							<select ng-model="category" value="-1" ng-change="filter()">
+								<option value="-1">--</option>
+								<option value="0">Press Releases</option>
+								<option value="1">News</option>
+							</select>
+						</div>
 					</li>
 					<li>
 						<label for="site">Site</label>
@@ -45,11 +47,9 @@
 						<label for="mindate">Min weight</label>
 						<input ng-model="minweight" type="text">
 					</li>
-					<li class="">
+					<li class="buttons">
 						<button ng-click="filter()">Filter</button>
-					</li>
-					<li class="">
-						<button ng-click="reset()">Reset Filter</button>
+						<button ng-click="reset()" class="reset">Reset</button>
 					</li>
 				</ul>
 			</form>

+ 21 - 0
front/style.css

@@ -129,10 +129,27 @@ body {
 	display:block;
 }
 
+.filter li.buttons {
+	margin-top: 10px;
+}
+
+.filter li.buttons button{
+	float: right;
+	width: 48%;
+}
+
+.filter li.buttons .reset{
+	float: left;
+	background-color: #4B4B4B;
+}
+
 .filter button:hover{
 	background-color: rgba(112, 100, 172, 0.8);
 }
 
+.filter li .select {
+	
+}
 .filter tags-input {
 	margin-top:20px;
 	width: 100%;
@@ -151,6 +168,10 @@ tags-input.ng-invalid .tags{
 	box-shadow: none;
 }
 
+tags-input .remove-button:active {
+	color: #4B4B4B!important;
+}
+
 tags-input .tags .tag-item {
 	color: #c0c0c0;
 	background-color: rgb(112, 100, 172);