[Ovirt-devel] [PATCH] CSS cleanup from Tim. Modified slightly to avoid clobbering the earlier patch removing the VM availability graph.
Hugh O. Brock
hbrock at harpcolumn.com
Sat Jun 7 14:28:29 UTC 2008
Signed-off-by: Hugh O. Brock <hbrock at harpcolumn.com>
Signed-off-by: Tim Allen <tallen at redhat.com>
---
wui/src/app/views/hardware/show_hosts.rhtml | 6 ++-
wui/src/app/views/hardware/show_storage.rhtml | 4 +-
wui/src/app/views/hardware/show_vms.rhtml | 4 +-
wui/src/app/views/layouts/_header_redux.rhtml | 6 +--
wui/src/app/views/layouts/redux.rhtml | 2 +-
wui/src/app/views/resources/show.rhtml | 17 ++++----
wui/src/app/views/resources/show_vms.rhtml | 6 ++-
wui/src/app/views/user/_show.rhtml | 2 +-
wui/src/app/views/vm/_form.rhtml | 12 +++---
wui/src/public/images/icon_delete_white.png | Bin 313 -> 501 bytes
wui/src/public/images/icon_remove.png | Bin 1166 -> 1023 bytes
.../javascripts/jquery-treeview/ovirt.treeview.css | 4 +-
wui/src/public/stylesheets/components.css | 43 +++++++++++--------
wui/src/public/stylesheets/layout.css | 23 ++++++----
14 files changed, 72 insertions(+), 57 deletions(-)
diff --git a/wui/src/app/views/hardware/show_hosts.rhtml b/wui/src/app/views/hardware/show_hosts.rhtml
index 0aa38f9..aaf28b6 100644
--- a/wui/src/app/views/hardware/show_hosts.rhtml
+++ b/wui/src/app/views/hardware/show_hosts.rhtml
@@ -6,7 +6,7 @@
<a id="move_link_hidden" href="<%= url_for :controller => 'hardware', :action => 'move', :id => @pool, :resource_type=>'hosts' %>" rel="facebox[.bolder]" style="display:none" ></a>
</li>
<% if @pool.id != HardwarePool.get_default_pool.id %>
- <li><a href="#" onClick="remove_hosts()"><%= image_tag "icon_delete_white.png" %> Remove</a></li>
+ <li><a href="#" onClick="remove_hosts()"><%= image_tag "icon_remove.png" %> Remove</a></li>
<% end %>
</ul>
</div>
@@ -67,7 +67,9 @@
:on_unhover => "load_widget_unhover" } %>
</div>
<div class="selection_detail" id="hosts_selection">
- <div>Select a host above.</div>
+ <div class="selection_left">
+ <div>Select a host above.</div>
+ </div>
</div>
<% else %>
<div class="data_section">
diff --git a/wui/src/app/views/hardware/show_storage.rhtml b/wui/src/app/views/hardware/show_storage.rhtml
index ca1de62..08c762a 100644
--- a/wui/src/app/views/hardware/show_storage.rhtml
+++ b/wui/src/app/views/hardware/show_storage.rhtml
@@ -6,9 +6,9 @@
<a href="#" onClick="return validate_for_move();" ><%= image_tag "icon_move.png", :style=>"vertical-align:middle;" %> Move</a>
<a id="move_link_hidden" href="<%= url_for :controller => 'hardware', :action => 'move', :id => @pool, :resource_type=>'storage' %>" rel="facebox[.bolder]" style="display:none" ></a>
</li>
- <li><a href="#" onClick="delete_storage()"><%= image_tag "icon_delete_white.png", :style => "vertical-align:middle;" %> Delete</a></li>
+ <li><a href="#" onClick="remove_storage()"><%= image_tag "icon_remove.png", :style => "vertical-align:middle;" %> Remove</a></li>
<% if @pool.id != HardwarePool.get_default_pool.id %>
- <li><a href="#" onClick="remove_storage()"><%= image_tag "icon_delete_white.png", :style => "vertical-align:middle;" %> Remove</a></li>
+ <li><a href="#" onClick="delete_storage()"><%= image_tag "icon_delete_white.png", :style => "vertical-align:middle;" %> Delete</a></li>
<% end %>
</ul>
</div>
diff --git a/wui/src/app/views/hardware/show_vms.rhtml b/wui/src/app/views/hardware/show_vms.rhtml
index 0225ad8..26e2488 100644
--- a/wui/src/app/views/hardware/show_vms.rhtml
+++ b/wui/src/app/views/hardware/show_vms.rhtml
@@ -52,7 +52,9 @@
:on_unhover => "load_widget_unhover" } %>
</div>
<div class="selection_detail" id="vmpool_selection">
- <div>Select a VM pool above.</div>
+ <div class="selection_left">
+ <div>Select a VM pool above.</div>
+ </div>
</div>
<% else %>
<div class="data_section">
diff --git a/wui/src/app/views/layouts/_header_redux.rhtml b/wui/src/app/views/layouts/_header_redux.rhtml
index 69531d2..6dbf0d0 100644
--- a/wui/src/app/views/layouts/_header_redux.rhtml
+++ b/wui/src/app/views/layouts/_header_redux.rhtml
@@ -9,8 +9,4 @@
<a id="help-link" href="#" ><%= image_tag "icon_help.png" %></a> <!-- FIXME wire link correctly -->
</div>
-<div class="header_menu_wrapper">
- <div class="header_menu">Resource Pools
- <div style=" position:relative; float: right; right: 8px; top: -18px;"><%= image_tag "icon_menu_arrow.gif" %></div>
- </div>
-</div>
+<div class="header_titlebar">Resource Pools</div>
diff --git a/wui/src/app/views/layouts/redux.rhtml b/wui/src/app/views/layouts/redux.rhtml
index f4c07d2..416a17c 100644
--- a/wui/src/app/views/layouts/redux.rhtml
+++ b/wui/src/app/views/layouts/redux.rhtml
@@ -134,7 +134,7 @@
</div>
<div id="tabs-and-content-container">
- <div id="navigation-tabs" style="position:absolute; top:40px; left:231px;">
+ <div id="navigation-tabs" style="position:absolute; top:40px; left:250px;">
<%= render :partial => '/layouts/navigation_tabs' %>
</div>
<div id="main">
diff --git a/wui/src/app/views/resources/show.rhtml b/wui/src/app/views/resources/show.rhtml
index d496edf..09a96db 100644
--- a/wui/src/app/views/resources/show.rhtml
+++ b/wui/src/app/views/resources/show.rhtml
@@ -1,19 +1,20 @@
-<div class="panel_header"></div>
-<div class="data_section">
- <div class="scrollable">
- <br/> <b><%= @vm_resource_pool.name %></b><br/><br/>
-
+<div class="data_section_summary">
+ <div class="summary_title"><%= image_tag "icon_vmpool.png", :style=>"vertical-align:middle;" %> <%= @vm_resource_pool.name %></div><br/><br/>
+
+ <div class="summary_subtitle"><%= image_tag "icon_smry_res.png", :style=>"vertical-align:middle;" %> Resources</div><br/>
<div id="availability_graphs">
<%= render_component :controller=> 'graph', :action => 'availability_graph', :id => @vm_resource_pool.id, :params => { :target => 'vcpu' } %>
<%= render_component :controller=> 'graph', :action => 'availability_graph', :id => @vm_resource_pool.id, :params => { :target => 'vram' } %>
</div>
-
+
+ <br/><br/>
+ <div class="summary_subtitle"><%= image_tag "icon_smry_his.png", :style=>"vertical-align:middle;" %> History</div><br/>
<%= render_component :controller=> 'graph', :action => 'history_graphs', :id => @vm_resource_pool.id, :params => { :poolType => 'vm' } %>
-
+
+ <div class="summary_subtitle"><%= image_tag "icon_smry_perf.png", :style=>"vertical-align:middle;" %> Performance</div><br/>
<%= render_component :controller=> 'graph', :action => 'snapshot_graph', :id => @vm_resource_pool.id, :params => { :poolType => 'vm' } %>
<%= render :partial => "/task/user_list", :locals => { :tasks => Task.working_tasks(@user) } %>
- </div>
</div>
<div class="selection_detail" id="vmpool_selection">
diff --git a/wui/src/app/views/resources/show_vms.rhtml b/wui/src/app/views/resources/show_vms.rhtml
index bef18e5..b1accd3 100644
--- a/wui/src/app/views/resources/show_vms.rhtml
+++ b/wui/src/app/views/resources/show_vms.rhtml
@@ -7,7 +7,7 @@
<% @actions.each_index { |index| %>
<li onClick="vm_actions('<%=@actions[index][1]%>')"
<% if (index == @actions.length - 1) or @actions[index].length == 4 %>
- style="border-bottom: 1px solid black;"
+ style="border-bottom: 1px solid #CCCCCC;"
<% end %>
>
<%= image_tag @actions[index][2]%>
@@ -76,7 +76,9 @@
:on_unhover => "load_widget_unhover" } %>
</div>
<div class="selection_detail" id="vms_selection">
- <div>Select a VM above.</div>
+ <div class="selection_left">
+ <div>Select a VM above.</div>
+ </div>
</div>
<% else %>
<div class="data_section">
diff --git a/wui/src/app/views/user/_show.rhtml b/wui/src/app/views/user/_show.rhtml
index 0bd8752..dd391dd 100644
--- a/wui/src/app/views/user/_show.rhtml
+++ b/wui/src/app/views/user/_show.rhtml
@@ -2,7 +2,7 @@
<ul>
<li><a href="<%= url_for :controller => 'permission', :action => 'new', :pool_id => pool.id %>" rel="facebox[.bolder]"><%= image_tag "icon_addhost.png", :style => "vertical-align:middle;" %> Add User</a></li>
<li><%= render :partial => 'user/change_role_menu' %></li>
- <li><a href="#" onClick="delete_users()"><%= image_tag "icon_delete_white.png", :style => "vertical-align:middle;" %> Remove</a></li>
+ <li><a href="#" onClick="delete_users()"><%= image_tag "icon_remove.png", :style => "vertical-align:middle;" %> Remove</a></li>
</ul>
</div>
<script type="text/javascript">
diff --git a/wui/src/app/views/vm/_form.rhtml b/wui/src/app/views/vm/_form.rhtml
index 44bfdd3..023f04b 100644
--- a/wui/src/app/views/vm/_form.rhtml
+++ b/wui/src/app/views/vm/_form.rhtml
@@ -16,14 +16,14 @@
<div class="clear_row"></div>
<div class="clear_row"></div>
<div style="float:left;width:150px;" >
- <%= text_field_with_label "CPUs:", "vm", "num_vcpus_allocated", {:style=>"width:100px;"}, {:style=>"padding-right: 50px;"} %>
- <div class="field_title">max to create: <%=create_resources[:cpus]%> </div>
- <div class="field_title">max to start: <%=start_resources[:cpus]%> </div>
+ <%= text_field_with_label "CPUs:", "vm", "num_vcpus_allocated", {:style=>"width:100px; margin-bottom:2px;"}, {:style=>"padding-right: 50px;"} %>
+ <div class="field_helptext">max to create: <%=create_resources[:cpus]%> </div>
+ <div class="field_helptext">max to start: <%=start_resources[:cpus]%> </div>
</div>
<div style="float:left;">
- <%= text_field_with_label "Memory:", "vm", "memory_allocated_in_mb", {:style=>"width:100px;"}, {:afterfield=>" mb"} %>
- <div class="field_title">max to create: <%=create_resources[:memory_in_mb]%> mb </div>
- <div class="field_title">max to start: <%=start_resources[:memory_in_mb]%> mb </div>
+ <%= text_field_with_label "Memory:", "vm", "memory_allocated_in_mb", {:style=>"width:100px; margin-bottom:2px;"}, {:afterfield=>" mb"} %>
+ <div class="field_helptext">max to create: <%=create_resources[:memory_in_mb]%> mb </div>
+ <div class="field_helptext">max to start: <%=start_resources[:memory_in_mb]%> mb </div>
</div>
<div style="clear:both;"></div>
<div class="clear_row"></div>
diff --git a/wui/src/public/images/icon_delete_white.png b/wui/src/public/images/icon_delete_white.png
index 04b343740656245418fccac3312188c612fd0717..6be345ca1fb0b1ba2eca1ad210902aedad115a90 100644
GIT binary patch
delta 448
zcmV;x0YCn^0`&tSiBL{Q4GJ0x0000DNk~Le0000E0000G2nGNE049`9I*}n73kwne
z01FZU(%pXik!CA at 6m&&cbVG7wVRUJ4ZXi@?ZDjy9FE=kRIFk$V#Q*>SPf0{UR49>k
zlR=8YFc^hDOTmQ}K`C at o#I>850|+xW at CGiuhSzW>a|>59H<*<hp&Q+GAy~8_HBDwS
zDQT*KN0Og>c`rYthc`Bx&4-loyQ(Uzq?Dh#-R=j#7z03mZ at b;TRaN!-e*kxOz*bF4
z`5pqR`FxHLg0d`I@@ql}0Hl<w5Lg}#2VOZos{zYky<X3<EMqd6a6X at j<Cr|piQ|~d
z<-&M8rYH(VqY**~f*@eO-_JsT#bQB{Bs?Au(lq6MzcZaqDT;zLO}X7}BuPS9mPAnm
zKmee%#u$Tt*1Az$*PYp_0gW*Y=wD!rX<%avN~yNvD>q+S>n`ZJTKSPXjzH^Hr4)5t
zKYjbtsMf^-N~uo#R&!j?jc8>Pv_QM at o&AU}yXrT>UAsTSjrw&w9tp#cEX(Nk`<zZE
q27>{4o)bk8*Xxzxa0svi_yaDA@*gmY5!wI%002n`MNUMnLSTa2+qX~v
delta 240
zcmey$ypu_>Gr-TCmrII^fq{Y7)59eQL<6x52OE&wm1ycTQBjJU>jMJ=*9S(YH6}AA
z=818c=v(L;ShOv0o-xr)yMD5#i(`mIZ*t0v%4hb>oeiBKyo+Z|VBj`8_&@Vlf!X6V
zn<GNb*nFNZa=_s8nfhb at f#7>gZRbJf2~!trF5C0}>;~JA{>G0$;U&vCX3U<wJw~Z3
zZBD6}VAcMAf0Vn at 5*)Zb%@1&NGFi3ketqX6&FwF*&)@HI at ydqIyoKzg#+r&!OeZ`x
o=<x9Dm}H-4aALFdUlT@#wm<A2(tkbE0(yeM)78&qol`;+0A;#llmGw#
diff --git a/wui/src/public/images/icon_remove.png b/wui/src/public/images/icon_remove.png
index d9db742213c2a7619912b2cd7e03a648340ac219..1ae6a7432709b2dc7a3a51ac3d9304d82b3db62f 100644
GIT binary patch
literal 1023
zcmV<b0|5MqP)<h;3K|Lk000e1NJLTq000pH000pP1^@s6J8eh$00004b3#c}2nYxW
zd<bNS00009a7bBm000W`000W`0Ya=am;e9(9CSrkbW?9;ba!ELWdK2BZ(?O2Mrm?o
zcW-iQb09-gGnm#!0{{R36m&&cbVG7wVRUJ4ZXi@?ZDjy9FE=kRIFk$V#Q*>USxH1e
zR5*=&lubw+cNoTh^WWM3&g=}UgZt at 6(Z;P%#d`44#)4Z~sJCL29t5c&2ZhbOhaMGr
z at YqWzLhGTVV8D~aje^jo1XB-!yKeoU&={4NQrB5sXWZH8p&D%Z at tmLc_rAP5@2l`H
zN+c5R_4V~-qtR%;X`0DOrE++9_+n*g>CsmwC#9dRdwt(Wd9B_W9K1Ez(ec)&mSr_4
zih}R^sH#dJ5TH~#`Mprs{Qmy^@4f*3_y<JFP~*_htw-(c?QdUPTyT7RjO)68nG^*n
zCDCY<y1II{x3>!S?tT3c)b_7Kw4tHlA8y=uv)8t5PESu?b-z-zTBTa8Vwxt+&CL{x
zzx+Hq`|bO_ at 1F~ROeS-usj0EowryP3B^r&Qsw$r6A%wv5JfxJw<8d6vVQ+7bmX_w;
zOy+|-00M|KH8tO^)oN5K6(W%cQ&Ur9vspr+5U%T@>pIzNmdVLUEX%@i99-9>wYBxO
zq9_rOOeSxJLZS4<#Rb7&kaD?9p-`Z!tBZ+=3F7fM<KyFWc6L%M7O7M!=(>Ih*V6HL
z;%1<`yZhs0GVzHJ0x2az2v%2DNu^Ts^z_iz*GFSxBWr7G%*@Q7X&O>W02D=$uIoM#
zp65#;1i at esRaG%flW;i9+}s at Hav4q2D3{C3&(9NyM2JKpNGXw0q9_XBOR>AVbL4q7
zM at mUB7(@txWm$}kjbWN5r>Ccwrpf5&D3)cRsw$eMp=lb`s^{$N>>i1iFOQzuwtb-M
zVN_K`*L6llM(F71U}Iy0>FH_m`8?@#n&IJL!r?Gd%F78)4h|0wo(iD2wY8P={TiWA
z2*WT)rBdYcc@`EHh{a+oE-tdUxk)S*!!QhVUFZDVp;+9?`MzJg3R~yk;NX)?CS#tT
zp93I-prN4wUDv5rtCUKmSIKo8m*wSU`@w^`cYWW_tCx`c!-tD^4a1n}@9!6ZK!89X
zz}22KO~Wt at JkP_nZ5}`Vv6jo_?gDw>?+2(T%ILtrz?c2~nN(X_8>VTXsw#@2aCUaa
z_Vx}dD=P=N+~Vhs<IMio6$7LbiR5QJJ at 0(j((*=QeSLk%wojbr&-eG&*VmVxJ^Sq&
tVEg}G!F8p8HlPkD0lxwVubX_|=TF#NSIg%EpE3Xd002ovPDHLkV1na__j3RM
literal 1166
zcmV;91abR`P)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU$FiAu~RCwA{R6A_jRusMOJyMnxeJaWN
zQ&wU?gAt=bW56D4ubqX?M&hM%_Z9{M8(E5O)lw&I;3<VY2U)rlZ5IQD?M at jy74Tw3
zmIO&wtPd%R<jcKJpQ3~wNj;M1o_Ef<kL~U4fplGPq*PZIN4-{GvK_nVI?k3W<zrX6
z21o$TScP$Z$+<Wcg1<{76IYyZz&Uyb9IqPU(7Sk&^kcPJ?OO!hjzl7ba5xO%@MjPR
z1VIP^rfKGHZ*TMMR;yUA*PqpHYRBnxx~x71MkpXQH#gMZ57iHeZns+w27}LY4|B=b
zLQJvkbnXC)K%-HI!N7$1c`sx#8HmN>iP32ECC;aMz5YMJP^iz4rPx3~L}UcEu&_`v
z3<Ip;5L)dvF#_8j;bW-=0zkjthc-UbJvuyk_y`=wUG4R{$Rqe0En94EY(n+s<~zUN
z|C}m!IvoVGCOS+H2KcVhidfJXS{4kj;9_<W`lh+sYBqa;VDN8|&*zsM+x{VyN+oUE
zhWq<_rA9m+S8Nm*o%s}$K_Zb*%Xb``#D_>Y0`*2cX<F9r9Ca!NLZO1!>xKK_z4|;B
zOThmAK9ou&<=%hHIP8{o;o#r^3&zy^-CY+va~_CBqn}I1EppUm%kT36u_FphaA>uf
zaDILcD=RAq`ZdOZsX+y3?(FOgTFn*~169Zz3?LK=Ay;=x6bgm!(TpfLO2SVhgFpZH
z3k)LzUp#pN*=!b8S63An6*@dT#3%(|oI!>_41)N-(P#(_KR0w;N0EoB8ds_?NT*Zq
z^5vnzUteEW*D=^nfO^l&p at 9tmb8}uwi=nAZ69g?wa*zy}x<bvRQfcsbJTtH9K9$NS
zbJRkJ0J0=GT-Q;WYS;l4dt~RSZKQM&9XWEToPGLq2bPzY;o{;#0j#a90h#yfn>Pv!
zCJY5GlrqZ&uV^@NX<5Vkg9kovr2stPOA at xXw`X9lUi~~{MWD}icHsE<csz#;DdfF=
zj}mc73{Ne~ECvF8;Et;ZMxzTeu-Cu5Msw0C=yX2?rJOdKO~q2<8VoSAf@`O&RN7s_
z_IjI4CJG+U95|>2HFvvxtCm6LO!f|SRBx)_oA*H^5>|20br0Ci2rAc=_nM}C#j*Mo
zZbc^)P}PfEU{Qe|MAarhVP;DB at h~z5M4}NjM>~+NYtXsv(6bYK|B6$Utg%?e{ypk^
z{5W=w6Y$tUHgR$6D4RKpY=GiM%f{s%VOGl|sYb#|azVn2ZugFMloExO+?)oTu58j3
z3J|-=#9qc7in`<oIlW+nfj8Q;`E$8k9WUQpUtj-=+HKGKd<7qZ>e#2crYqp-=0VyH
z2L1P(iIeQ&Vwq91Og2~z{(nfM{$sUTeLFO*qGg&}n9awoD-AYIas{=zM1WH?<6SzH
gzMA07j!yy%00w{IL=~2Sm;e9(07*qoM6N<$f at IeZcmMzZ
diff --git a/wui/src/public/javascripts/jquery-treeview/ovirt.treeview.css b/wui/src/public/javascripts/jquery-treeview/ovirt.treeview.css
index 58a792e..69d6b14 100644
--- a/wui/src/public/javascripts/jquery-treeview/ovirt.treeview.css
+++ b/wui/src/public/javascripts/jquery-treeview/ovirt.treeview.css
@@ -31,9 +31,9 @@
.treeview a.selected {
background-color: #DEE7EB;
}
-.treeview a {text-decoration:none;}
+.treeview a {color:#000000;text-decoration:none;}
-.treeview a:visited{color:#0000FF;}
+.treeview a:visited{color:#000000;}
#treecontrol { margin: 1em 0; display: none; }
diff --git a/wui/src/public/stylesheets/components.css b/wui/src/public/stylesheets/components.css
index 65214ad..978f51b 100644
--- a/wui/src/public/stylesheets/components.css
+++ b/wui/src/public/stylesheets/components.css
@@ -17,6 +17,15 @@
background: #CCCCCC;
}
+.header_titlebar {
+ background: #979797;
+ float: left;
+ height: 25px;
+ margin: 40px 0 0 0;
+ padding: 8px 0 0 10px;
+ width: 220px;
+}
+
.header_menu {
padding: 5px 0 0 10px;
margin: 1px;
@@ -74,7 +83,7 @@
background: #000000 url(../images/bg_toolbarheader.jpg) repeat-x top;
}
#toolbar_nav li:hover {
- background: #1E99DF;
+ background: #4B95B8;
}
#toolbar_nav li, #toolbar_nav li a {
text-decoration: none;
@@ -91,23 +100,24 @@
#toolbar_nav ul li:hover ul{
display: block;
z-index: 1;
+ background: #D1DDE8;
}
#toolbar_nav ul ul li{
width: 200px;
- background: #E5F1FD;
+ background: #DEE7EB;
color: #000000;
text-align: left;
cursor: pointer;
}
#toolbar_nav ul ul li a{
width: 200px;
- background: #E5F1FD;
+ background: #DEE7EB;
color: #000000;
text-align: left;
cursor: pointer;
}
#toolbar_nav ul ul li:hover a {
- background: #1E99DF;
+ background: #D1DDE8;
}
/*** the no grid items block ***/
@@ -129,19 +139,16 @@
* Graphing Style
**************************/
/* availability graphs on hardware resource summary tab */
-#availability_graphs{
- overflow: hidden;
- height: 100px;
-}
-.availability_graph { float: left;}
+#availability_graphs{ }
+.availability_graph { float: left;padding: 0 0 20px 0;}
.availability_graph_left { float: left; width: 50px;}
.availability_graph_right { float: left; margin-top: 7px; margin-left: 30px; margin-right: 75px; min-width: 100px; color:#666666;}
#available_cpu, #available_memory, #available_vms,
-#available_vcpu, #available_vram, #available_vm_quotas {margin-left:0;width:100px;height:100px}
-.availability_total{ font-size: 130%; padding: 40px 0 0 0; color:#000000;}
+#available_vcpu, #available_vram, #available_vm_quotas {margin-left:0;width:100px;height:70px}
+.availability_total{ font-size: 130%; padding: 10px 0 0 0; color:#000000;}
/* history graphs on hardware / resource summary tab */
-#history_graphs { position: relative; height: 270px; overflow: hidden; margin-left: 0; margin-top: 0; }
+#history_graphs { position: relative; height: 245px; overflow: hidden; margin-left: 0; margin-top: 0; }
#history_graphs_control { position: absolute; z-index: 1; height: 20px; width: 98%; border: 1px solid #CCCCCC; background: #EEEEEE; }
.history_graphs_menu { float: left; width: 118px; }
.history_graphs_legend { float: right; height: 20px; width: 15%; }
@@ -195,13 +202,13 @@
}
/* snapshot graphs on hardware / resource summary tab */
-#snapshot_graphs { height: 300px; padding-left: 0; }
+#snapshot_graphs { height: 180px; padding-left: 0; }
#snapshot_graphs table { width: 98%; border-spacing: 1px; background: #CCCCCC; border-width: 0; border-style:solid;}
#snapshot_graphs th { background: #EEEEEE; text-align: left; padding-left: 10px;}
#snapshot_graphs td { padding-left: 10px; background: #FFFFFF;}
#load_snapshot, #cpu_snapshot, #net_in_snapshot, #net_out_snapshot, #io_snapshot, #memory_snapshot {
/*
-#snapshot_graphs { height: 300px; padding-left: 60px; }
+#snapshot_graphs { height: 180px; padding-left: 60px; }
#snapshot_graphs table { width: 90%; border-spacing: 0;}
#snapshot_graphs th { background: #CCCCCC; text-align: left; padding-left: 10px; border: 1px solid #DDDDDD;}
#snapshot_graphs td { padding-left: 10px; border: 1px solid #DDDDDD;}
@@ -225,8 +232,8 @@
}
/* snapshot graphs on detail panes */
-.selection_detail #snapshot_graphs { height: 210px; padding-left: 0; }
-.selection_detail #snapshot_graphs table { width: 100%; }
+.selection_detail #snapshot_graphs { height: 140px; padding-left: 0; }
+.selection_detail #snapshot_graphs table { width: 98%; }
.selection_detail #overall_load_snapshot,
.selection_detail #cpu_snapshot,
.selection_detail #net_in_snapshot,
@@ -242,8 +249,8 @@
}
/* snapshot graphs on detail panes */
-.selection_detail #snapshot_graphs { height: 210px; padding-left: 0; }
-.selection_detail #snapshot_graphs table { width: 100%; }
+.selection_detail #snapshot_graphs { height: 140px; padding-left: 0; }
+.selection_detail #snapshot_graphs table { width: 98%; }
.selection_detail #load_snapshot,
.selection_detail #memory_snapshot,
.selection_detail #cpu_snapshot,
diff --git a/wui/src/public/stylesheets/layout.css b/wui/src/public/stylesheets/layout.css
index bee9376..ab01b5f 100644
--- a/wui/src/public/stylesheets/layout.css
+++ b/wui/src/public/stylesheets/layout.css
@@ -30,6 +30,7 @@ textarea:focus, input:focus {
background-color: #FFFFCC;
}
+a { color:#000000; text-decoration: none;}
/**************************
oVirt layout components
@@ -66,6 +67,7 @@ textarea:focus, input:focus {
border-right: 1px #CCCCCC solid;
}
+
#side-toolbar{
float:none;
position:absolute;
@@ -204,11 +206,12 @@ textarea:focus, input:focus {
}
.data_section {
- overflow: hidden;
+ overflow: auto;
position: absolute;
top: 28px;
bottom: 171px;
- height: 65%;
+ right: 0px;
+ left: 0px;
}
.data_section_summary {
@@ -216,8 +219,7 @@ textarea:focus, input:focus {
overflow: hidden;
position: absolute;
top: 0px;
- bottom: 171px;
- height: 65%;
+ bottom: 170px;
right: 0px;
left: 0px;
overflow: auto;
@@ -227,6 +229,7 @@ textarea:focus, input:focus {
}
.summary_subtitle {
+ clear: both;
font-size: 130%;
}
@@ -241,7 +244,7 @@ textarea:focus, input:focus {
bottom:0px;
left: 0px;
right: 0px;
- height: 30%;
+ height: 170px;
background: #DEE7EB;
border-top: #CCCCCC solid 1px;
overflow: auto;
@@ -249,9 +252,9 @@ textarea:focus, input:focus {
.selection_left {
padding: 10px 10px 10px 15px;
- width:48%;
height: 126px;
float:left;
+ width: 40%;
}
.selection_title {
@@ -304,11 +307,11 @@ textarea:focus, input:focus {
}
.selection_right {
- width:48%;
+ width:55%;
float: right;
- padding-top: 5px;
+ padding-top: 10px;
/*background: #F0F0F0;*/
- height: 148px;
+ height: 140px;
}
.selection_right_title {
@@ -398,6 +401,8 @@ textarea:focus, input:focus {
/*font-weight:bold;*/
}
+.field_helptext { font-size: 90%; color: #666666; }
+
.textfield_effect {
padding: 2px 0 0 2px;
border-width: 1px;
--
1.5.5.1
--cNdxnHkX5QqsyA0e--
More information about the ovirt-devel
mailing list