Optimize CSS

static/css/channels.css

@@ -236,10 +236,7 @@ table.channels-table > tbody > tr > th {
     padding: 15px 40px;
 }
 
-body.dark .icon.mattermost {
+body.dark .icon.mattermost,
-    filter: invert();
-}
-
 body.dark .icon.matrix {
     filter: invert();
 }

static/css/my_checks_desktop.css

@@ -122,11 +122,6 @@ tr:hover .copy-link {
     color: var(--text-muted);
 }
 
-.checks-subline-duration {
-    color: var(--text-muted);
-    white-space: nowrap;
-}
-
 #checks-table td.url,
 #checks-table .actions {
     white-space: nowrap;

static/css/nouislider.pips.css

@@ -1,98 +0,0 @@
-
-/* Base;
- *
- */
-.noUi-pips,
-.noUi-pips * {
--moz-box-sizing: border-box;
-	box-sizing: border-box;
-}
-.noUi-pips {
-	position: absolute;
-	font: 400 12px Arial;
-	color: #999;
-}
-
-/* Values;
- *
- */
-.noUi-value {
-	width: 40px;
-	position: absolute;
-	text-align: center;
-}
-.noUi-value-sub {
-	color: #ccc;
-	font-size: 10px;
-}
-
-/* Markings;
- *
- */
-.noUi-marker {
-	position: absolute;
-	background: #CCC;
-}
-.noUi-marker-sub {
-	background: #AAA;
-}
-.noUi-marker-large {
-	background: #AAA;
-}
-
-/* Horizontal layout;
- *
- */
-.noUi-pips-horizontal {
-	padding: 10px 0;
-	height: 50px;
-	top: 100%;
-	left: 0;
-	width: 100%;
-}
-.noUi-value-horizontal {
-	margin-left: -20px;
-	padding-top: 20px;
-}
-.noUi-value-horizontal.noUi-value-sub {
-	padding-top: 15px;
-}
-
-.noUi-marker-horizontal.noUi-marker {
-	margin-left: -1px;
-	width: 2px;
-	height: 5px;
-}
-.noUi-marker-horizontal.noUi-marker-sub {
-	height: 10px;
-}
-.noUi-marker-horizontal.noUi-marker-large {
-	height: 15px;
-}
-
-/* Vertical layout;
- *
- */
-.noUi-pips-vertical {
-	padding: 0 10px;
-	height: 100%;
-	top: 0;
-	left: 100%;
-}
-.noUi-value-vertical {
-	width: 15px;
-	margin-left: 20px;
-	margin-top: -5px;
-}
-
-.noUi-marker-vertical.noUi-marker {
-	width: 5px;
-	height: 2px;
-	margin-top: -1px;
-}
-.noUi-marker-vertical.noUi-marker-sub {
-	width: 10px;
-}
-.noUi-marker-vertical.noUi-marker-large {
-	width: 15px;
-}

static/css/projects.css

@@ -6,7 +6,8 @@
     text-decoration: none;
 }
 
-#project-selector a:hover .project {
+#project-selector a:hover .project,
+#project-selector .project.selected {
     border-color: var(--link-color);
 }
 
@@ -25,10 +26,6 @@
     text-overflow: ellipsis;
 }
 
-#project-selector .project.selected {
-    border-color: var(--link-color);
-}
-
 #project-selector .project .status {
     position: absolute;
     left: 24px;

templates/base.html

@@ -46,7 +46,6 @@
     <link rel="stylesheet" href="{% static 'css/my_checks.css' %}" type="text/css">
     <link rel="stylesheet" href="{% static 'css/my_checks_desktop.css' %}" type="text/css">
     <link rel="stylesheet" href="{% static 'css/nouislider.min.css' %}" type="text/css">
-    <link rel="stylesheet" href="{% static 'css/nouislider.pips.css' %}" type="text/css">
     <link rel="stylesheet" href="{% static 'css/nouislider.dark.css' %}" type="text/css">
     <link rel="stylesheet" href="{% static 'css/ping_details.css' %}" type="text/css">
     <link rel="stylesheet" href="{% static 'css/pricing.css' %}" type="text/css">

templates/front/last_ping_cell.html

@@ -6,7 +6,7 @@
     <br /><span class="label label-confirmation">confirmation link</span>
     {% elif check.clamped_last_duration %}
 	<br />
-	<span class="checks-subline-duration">
+	<span class="checks-subline">
 		<span class="ic-timer"></span> {{ check.clamped_last_duration|hms }}
 	</span>
     {% endif %}