Commits

Anonymous committed b301c0e

Change the Monitor titles to support more that 2 lines of text

Comments (0)

Files changed (2)

tmpl/assets/css/style.css

 .wm-widget-module a:hover {	text-decoration: none;}
 
 .wm-widget-module a.toogle-info-charts, .wm-widget-module h4, .wm-widget-module a.toogle-info-charts {
-	background: url(../images/module-sprite.png) no-repeat 4px -63px;
+	background: url(../images/module-sprite.png) no-repeat 5px 30px;
 }
 
 .wm-widget-module .monitors-list, .wm-widget-module .monitors-list li {
 
 .wm-widget-module h4 {margin: 0;}
 .wm-widget-module h4.status-0 { background-position: 5px 1px; }
-.wm-widget-module h4.status-1 { background-position: 5px -15px; }
-.wm-widget-module h4.status-2 { background-position: 5px -30px; }
-.wm-widget-module h4.status-3 { background-position: 5px -46px; }
+.wm-widget-module h4.status-1 { background-position: 5px -69px; }
+.wm-widget-module h4.status-2 { background-position: 5px -139px; }
+.wm-widget-module h4.status-3 { background-position: 5px -209px; }
 
 .wm-widget-module h4 a { 
-	padding-left: 21px;
+	display: block;
+	padding: 0 28px 0 21px;
 }
 
 .wm-widget-module a.toogle-info-charts {
 	width: 23px;
 	padding: 0;
 	background-color: #d8d8d8;
-	background-position: 6px -84px;
+	background-position: 6px -295px;
 }
 
 .wm-widget-module a.toogle-info-charts:hover {
 	background-color: #c4c4c4;
-	background-position: 6px -61px;
+	background-position: 6px -272px;
 }
 
 
 
 .wm-widget-module.mod-dark a.toogle-info-charts {
 	background-color: #262626;
-	background-position: 7px -60px;
+	background-position: 6px -272px;
 }
 
 .wm-widget-module.mod-dark a.toogle-info-charts:hover {

tmpl/assets/css/style.min.css

  * @copyright		Copyright (C) 2011 - 2012 WatchMouse b.v.. All rights reserved.
  * @license			See LICENSE file for copyright notices and details.
 */
-.clear{clear:both;}.wm-widget-module{float:left;font:normal 12px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left;color:#333;}.wm-widget-module,.wm-widget-module .monitors-list,.wm-widget-module .monitors-list li{float:left;margin:0;padding:0;width:100%;}.wm-widget-module a,.wm-widget-module a:link,.wm-widget-module a:hover,.wm-widget-module a:active,.wm-widget-module a:visited{color:#333;text-shadow:1px 0 0 #fff;text-decoration:underline;}.wm-widget-module a:hover{text-decoration:none;}.wm-widget-module a.toogle-info-charts,.wm-widget-module h4,.wm-widget-module a.toogle-info-charts{background:url(../images/module-sprite.png) no-repeat 4px -63px;}.wm-widget-module .monitors-list,.wm-widget-module .monitors-list li{border-top:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6;}.wm-widget-module .monitors-list{float:left;clear:left;width:100%;list-style:none;padding-left:0;}.wm-widget-module .monitors-list li{padding:4px 0;position:relative;overflow:hidden;}.wm-widget-module .monitors-list li.odd{background-color:#f6f6f6;background-color:rgba(0,0,0,.1);border-top-color:#fff;border-bottom-color:#fff;}.wm-widget-module h4{margin:0;}.wm-widget-module h4.status-0{background-position:5px 1px;}.wm-widget-module h4.status-1{background-position:5px -15px;}.wm-widget-module h4.status-2{background-position:5px -30px;}.wm-widget-module h4.status-3{background-position:5px -46px;}.wm-widget-module h4 a{padding-left:21px;}.wm-widget-module a.toogle-info-charts{position:absolute;right:0;top:0;height:23px;width:23px;padding:0;background-color:#d8d8d8;background-position:6px -84px;}.wm-widget-module a.toogle-info-charts:hover{background-color:#c4c4c4;background-position:6px -61px;}.wm-widget-module .info-charts,.wm-widget-module .info-charts div{text-align:center!important;}.wm-widget-module .info-charts table{margin:0 auto!important;}.wm-widget-module .info-charts p{margin:6px auto;color:#666;text-shadow:0 1px 0 #fff;}.wm-widget-module .loading{position:relative;left:50%;top:8px;margin-left:-8px;}.wm-widget-module .error{background-color:#f6f6f6;background-color:rgba(0,0,0,.1);border:1px solid #555;color:#444;text-shadow:0 1px 0 #fff;padding:10px;}.wm-widget-module.mod-dark .monitors-list,.wm-widget-module.mod-dark .monitors-list li{border-top-color:#2d2d2d;border-bottom-color:#2d2d2d;}.wm-widget-module.mod-dark .monitors-list li.odd{border-top-color:#444;border-bottom-color:#444;}.wm-widget-module.mod-dark,.wm-widget-module.mod-dark .info-charts p,.wm-widget-module.mod-dark a,.wm-widget-module.mod-dark a:link,.wm-widget-module.mod-dark a:hover,.wm-widget-module.mod-dark a:active,.wm-widget-module.mod-dark a:visited{color:#fff;text-shadow:0 1px 0 #000;}.wm-widget-module.mod-dark a.toogle-info-charts{background-color:#262626;background-position:7px -60px;}.wm-widget-module.mod-dark a.toogle-info-charts:hover{background-color:#111;}.wm-widget-module.mod-dark .info-charts p{color:#eff;}
+.clear{clear:both;}.wm-widget-module{float:left;font:normal 12px "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left;color:#333;}.wm-widget-module,.wm-widget-module .monitors-list,.wm-widget-module .monitors-list li{float:left;margin:0;padding:0;width:100%;}.wm-widget-module a,.wm-widget-module a:link,.wm-widget-module a:hover,.wm-widget-module a:active,.wm-widget-module a:visited{color:#333;text-shadow:1px 0 0 #fff;text-decoration:underline;}.wm-widget-module a:hover{text-decoration:none;}.wm-widget-module a.toogle-info-charts,.wm-widget-module h4,.wm-widget-module a.toogle-info-charts{background:url(../images/module-sprite.png) no-repeat 5px 30px;}.wm-widget-module .monitors-list,.wm-widget-module .monitors-list li{border-top:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6;}.wm-widget-module .monitors-list{float:left;clear:left;width:100%;list-style:none;padding-left:0;}.wm-widget-module .monitors-list li{padding:4px 0;position:relative;overflow:hidden;}.wm-widget-module .monitors-list li.odd{background-color:#f6f6f6;background-color:rgba(0,0,0,.1);border-top-color:#fff;border-bottom-color:#fff;}.wm-widget-module h4{margin:0;}.wm-widget-module h4.status-0{background-position:5px 1px;}.wm-widget-module h4.status-1{background-position:5px -69px;}.wm-widget-module h4.status-2{background-position:5px -139px;}.wm-widget-module h4.status-3{background-position:5px -209px;}.wm-widget-module h4 a{display:block;padding:0 28px 0 21px;}.wm-widget-module a.toogle-info-charts{position:absolute;right:0;top:0;height:23px;width:23px;padding:0;background-color:#d8d8d8;background-position:6px -295px;}.wm-widget-module a.toogle-info-charts:hover{background-color:#c4c4c4;background-position:6px -272px;}.wm-widget-module .info-charts,.wm-widget-module .info-charts div{text-align:center!important;}.wm-widget-module .info-charts table{margin:0 auto!important;}.wm-widget-module .info-charts p{margin:6px auto;color:#666;text-shadow:0 1px 0 #fff;}.wm-widget-module .loading{position:relative;left:50%;top:8px;margin-left:-8px;}.wm-widget-module .error{background-color:#f6f6f6;background-color:rgba(0,0,0,.1);border:1px solid #555;color:#444;text-shadow:0 1px 0 #fff;padding:10px;}.wm-widget-module.mod-dark .monitors-list,.wm-widget-module.mod-dark .monitors-list li{border-top-color:#2d2d2d;border-bottom-color:#2d2d2d;}.wm-widget-module.mod-dark .monitors-list li.odd{border-top-color:#444;border-bottom-color:#444;}.wm-widget-module.mod-dark,.wm-widget-module.mod-dark .info-charts p,.wm-widget-module.mod-dark a,.wm-widget-module.mod-dark a:link,.wm-widget-module.mod-dark a:hover,.wm-widget-module.mod-dark a:active,.wm-widget-module.mod-dark a:visited{color:#fff;text-shadow:0 1px 0 #000;}.wm-widget-module.mod-dark a.toogle-info-charts{background-color:#262626;background-position:6px -272px;}.wm-widget-module.mod-dark a.toogle-info-charts:hover{background-color:#111;}.wm-widget-module.mod-dark .info-charts p{color:#eff;}