Filtered: Use less instead of css (#331)

Author: s7eph4n

Resources.php

@@ -761,7 +761,7 @@
 				'filtered/resources/js/ext.srf.filtered.js',
 			],
 			'styles' => [
-				'filtered/resources/css/ext.srf.filtered.css',
+				'filtered/resources/css/ext.srf.filtered.less',
 			],
 			'dependencies' => [
 				'ext.srf',
@@ -773,7 +773,7 @@
 
 	'ext.srf.filtered.calendar-view' => $formatModule +  array(
 			'styles' => array(
-				'filtered/resources/css/ext.srf.filtered.calendar-view.css',
+				'filtered/resources/css/ext.srf.filtered.calendar-view.less',
 			),
 			'dependencies' => array(
 				'ext.srf.filtered.calendar-view.messages',
@@ -792,12 +792,12 @@
 
 	'ext.srf.filtered.map-view' => $formatModule + [
 			'styles' => [
-				'filtered/resources/css/ext.srf.filtered.map-view.css',
+				'filtered/resources/css/ext.srf.filtered.map-view.less',
 			],
 		],
 
 	'ext.srf.filtered.value-filter' => $formatModule + [
-			'styles' => [ 'filtered/resources/css/ext.srf.filtered.value-filter.css' ],
+			'styles' => [ 'filtered/resources/css/ext.srf.filtered.value-filter.less' ],
 			'messages' => [
 				'srf-filtered-value-filter-placeholder',
 				'srf-filtered-value-filter-and',
@@ -815,13 +815,8 @@
 			'styles' => [ 'filtered/resources/css/ext.srf.filtered.slider.css' ],
 		],
 
-	'ext.srf.filtered.slider' => $formatModule + [
-			'scripts' => [ 'filtered/resources/js/ext.srf.filtered.slider.js' ],
-			'styles' => [ 'filtered/resources/css/ext.srf.filtered.slider.css' ],
-		],
-
 	'ext.srf.filtered.distance-filter' => $formatModule + [
-			'styles' => [ 'filtered/resources/css/ext.srf.filtered.distance-filter.css' ],
+			'styles' => [ 'filtered/resources/css/ext.srf.filtered.distance-filter.less' ],
 			'dependencies' => [ 'ext.srf.filtered.slider' ],
 		],
 

formats/filtered/resources/css/ext.srf.filtered.calendar-view.css renamed to formats/filtered/resources/css/ext.srf.filtered.calendar-view.less

@@ -0,0 +1,50 @@
+/*
+	Stylesheet for the value filter
+*/
+.filtered-filters .filtered-distance {
+
+	overflow: visible;
+	border: 1px solid #aaaaaa;
+	padding: 1em 1em 0.5em;
+	margin: 1em;
+
+	.ui-slider-handle {
+		outline: none;
+		text-decoration: none;
+		width: 0;
+		padding: 0 0.6em;
+	}
+
+	.filtered-distance-readout {
+		margin: 0;
+		text-align: center;
+		position: relative;
+		top: 1em;
+		left: -50px;
+		width: 100px;
+		color: #000000;
+	}
+
+	.filtered-distance-table {
+		border-collapse: collapse;
+	}
+
+	.filtered-distance-slider-cell {
+		width: 100%;
+		height: 2.2em;
+	}
+
+	.filtered-distance-slider {
+		border: 1px solid #aaaaaa;
+		border-radius: 3px;
+		background: #f1f2ff;
+		margin: 0 1em;
+	}
+
+	.filtered-distance-unit-cell {
+		height: 2.2em;
+		text-align: center;
+		vertical-align: bottom;
+	}
+}
+