dd26111c04
Currently it's hard to find what the indicator mean, without any label. Add a tooltip, shamelessly copied from js/ui/dash.js in core shell.
36 lines
930 B
CSS
36 lines
930 B
CSS
.extension-systemMonitor-container {
|
|
spacing: 5px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
padding-bottom: 10px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.extension-systemMonitor-indicator-area {
|
|
border: 1px solid #8d8d8d;
|
|
border-radius: 3px;
|
|
width: 100px;
|
|
/* message tray is 72px, so 20px padding of the container,
|
|
2px of border, makes it 50px */
|
|
height: 50px;
|
|
-grid-color: #575757;
|
|
-cpu-total-color: rgb(0,154,62);
|
|
-cpu-user-color: rgb(69,154,0);
|
|
-cpu-sys-color: rgb(255,253,81);
|
|
-cpu-iowait-color: rgb(210,148,0);
|
|
-mem-user-color: rgb(210,148,0);
|
|
-mem-cached-color: rgb(90,90,90);
|
|
-mem-other-color: rgb(205,203,41);
|
|
background-color: #1e1e1e;
|
|
}
|
|
|
|
.extension-systemMonitor-indicator-label {
|
|
border-radius: 7px;
|
|
padding: 4px 12px;
|
|
background-color: rgba(0,0,0,0.9);
|
|
text-align: center;
|
|
-y-offset: 8px;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
}
|