Mercurial > libervia-web
diff src/browser/public/libervia.css @ 654:40c72f3b7638 frontends_multi_profiles
browser_side: MainPanel is now based on a DockPanel, which allows to use less tables and also to remove some "window resized" listeners
author | souliane <souliane@mailoo.org> |
---|---|
date | Fri, 27 Feb 2015 02:39:43 +0100 |
parents | c22b47d63fe2 |
children | 4dbd99de3aaa |
line wrap: on
line diff
--- a/src/browser/public/libervia.css Fri Feb 27 01:45:34 2015 +0100 +++ b/src/browser/public/libervia.css Fri Feb 27 02:39:43 2015 +0100 @@ -137,10 +137,13 @@ .header { background-color: #eee; border-bottom: 1px solid #ddd; + width: 100%; + height: 64px; } -.menuContainer { - margin: 0 32px 0 20px; +.mainPanel { + width: 100%; + height: 100%; } .mainMenuBar { @@ -148,7 +151,6 @@ background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); background: -webkit-linear-gradient(top, #444444, #222222); background: linear-gradient(to bottom, #444444, #222222); - width: 100%; height: 28px; padding: 5px 5px 0 5px; border: 1px solid #ddd; @@ -157,6 +159,10 @@ -webkit-box-shadow: 0px 1px 4px #000; box-shadow: 0px 1px 4px #000; display: inline-block; + position: absolute; + left: 20px; + right: 20px; + width: auto; } .mainMenuBar .gwt-MenuItem { @@ -422,14 +428,7 @@ div.contactList { width: 100%; - /* We want the contact panel to not use all the available height when displayed - in the unibox panel (grey part), because the dialogs panels (white part) should - still be visible. The setting max-height: fit-content would be appropriate here - but it doesn't work with firefox 24.0. TODO: check if the current setting works - with other browsers... the panel should of course not be displayed on 100px - but exactly fit the contacts box. - */ - max-height: 100px; + margin-top: 9px; } .contactTitle { @@ -447,6 +446,7 @@ border: 0; padding: 0; font-size: large; + margin-top: 9px; } .groupPanel { @@ -610,10 +610,9 @@ height:45px; } -.statusPanel { +.presenceStatusPanel { margin: auto; text-align: center; - width: 100%; padding: 5px 0px; text-shadow: 0 -1px 1px rgba(255,255,255,0.25); font-size: 1.2em; @@ -1132,9 +1131,6 @@ /* Tab panel */ -.liberviaTabPanel { -} - .gwt-TabPanel { } @@ -1148,13 +1144,6 @@ border-bottom: 3px solid #a01c1c; } -.mainTabPanel .gwt-TabBar { - z-index: 10; - position: fixed; - bottom: 0; - left: 0; -} - .gwt-TabBar .gwt-TabBarFirst { height: 100%; } @@ -1162,12 +1151,13 @@ .gwt-TabBar .gwt-TabBarRest { } -.liberviaTabPanel .gwt-TabBar {; +.mainPanel .gwt-TabBar { + z-index: 10; } -.liberviaTabPanel .gwt-TabBar .gwt-TabBarItem { - cursor: pointer; - margin-right: 5px; +.liberviaTabPanel { + width: 100%; + height: 100%; } .liberviaTabPanel .gwt-TabBarItem div { @@ -1185,6 +1175,8 @@ padding: 4px 15px 4px 15px; border-radius: 1em 1em 0 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + cursor: pointer; + margin-right: 5px; } .liberviaTabPanel .gwt-TabBarItem-selected { @@ -1198,6 +1190,7 @@ padding: 4px 15px 4px 15px; border-radius: 1em 1em 0 0; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); + cursor: default; } .liberviaTabPanel div.gwt-TabBarItem:hover { @@ -1213,10 +1206,6 @@ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } -.liberviaTabPanel .gwt-TabBar .gwt-TabBarItem-selected { - cursor: default; -} - .globalLeftArea { margin-top: 9px; }