greatbody
/
glances
mirror of https://github.com/nicolargo/glances
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Solve layout pb on Web interface (isssue #364)

pull/367/head
Nicolargo 2014-05-30 17:50:38 +02:00
parent 73b22c1c34
commit 63ee0698b0
3 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
glances/core/glances_globals.py
View File

@ -19,7 +19,7 @@
# Glances informations # Glances informations
__appname__ = 'glances' __appname__ = 'glances'
__version__ = '2.0_RC3' __version__ = '2.0_RC4'
__author__ = 'Nicolas Hennion <nicolas@nicolargo.com>' __author__ = 'Nicolas Hennion <nicolas@nicolargo.com>'
__license__ = 'LGPL' __license__ = 'LGPL'

13
glances/outputs/glances_bottle.py
View File

@ -182,10 +182,15 @@ class glancesBottle:
tpl += '<div class="row">' tpl += '<div class="row">'
continue continue
if plugin_name == 'processlist' and m['splittable']: if plugin_name == 'processlist' and m['splittable']:
# Display first word of splittable stats (Process name) # Processlist: Display first 20 chars of the process name
tpl += '<span class="cell" id="%s">%s</span>' % \ if m['msg'].split(' ', 1)[0] != '':
(self.__style_list[m['decoration']], tpl += '<span class="cell" id="%s">&nbsp;%s</span>' % \
m['msg'].split(' ', 1)[0].replace(' ', '&nbsp;')) (self.__style_list[m['decoration']],
m['msg'].split(' ', 1)[0].replace(' ', '&nbsp;')[:20])
elif m['optional']:
# Manage optional stats (responsive design)
tpl += '<span class="cell hide" id="%s">%s</span>' % \
(self.__style_list[m['decoration']], m['msg'].replace(' ', '&nbsp;'))
else: else:
# Display stat # Display stat
tpl += '<span class="cell" id="%s">%s</span>' % \ tpl += '<span class="cell" id="%s">%s</span>' % \

17
glances/outputs/static/css/style.css
View File

@ -127,20 +127,31 @@ div#newline{
margin: 1em; margin: 1em;
} }
#processlist {} #processlist {}
/*
article#processlist>div>div>span:last-child { article#processlist>div>div>span:last-child {
visibility: hidden; visibility: hidden;
white-space: nowrap; white-space: nowrap;
} }
*/
#now {} #now {}
/*Responsive design*/ /*Responsive design*/
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1600px) {
body { font-size:90%; } body { font-size:90%; }
} }
@media only screen and (max-width: 1280px) {
body { font-size:80%; }
}
@media only screen and (max-width: 1024px) {
body { font-size:80%; }
#processlist .hide { display: none; }
}
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
body { font-size:60%; } body { font-size:70%; }
aside { margin-right: 1%; } aside { margin-right: 1%; }
.hide { display: none; }
} }
@media only screen and (max-width: 480px) { @media only screen and (max-width: 480px) {
body { font-size:30%; } body { font-size:60%; }
aside { margin-right: 1%; } aside { margin-right: 1%; }
.hide { display: none; }
} }