From a3591f7fe0b20bd010b6daa5054a919aab6aa5fa Mon Sep 17 00:00:00 2001 From: zhangab Date: Mon, 14 May 2018 15:15:04 +0800 Subject: add service scaling function Change-Id: If01f30e0a4105d27086f2ada555c94334c54e4ec Issue-ID: USECASEUI-115 Signed-off-by: zhangab --- .../src/main/webapp/app/uui/fusion/css/UUImain.css | 82 +++++++++++++++------- 1 file changed, 57 insertions(+), 25 deletions(-) (limited to 'usecaseui-monitor/src/main/webapp/app/uui/fusion/css') diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/css/UUImain.css b/usecaseui-monitor/src/main/webapp/app/uui/fusion/css/UUImain.css index f79b6121..7c641f48 100644 --- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/css/UUImain.css +++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/css/UUImain.css @@ -13,6 +13,8 @@ See the License for the specific language governing permissions and limitations under the License. */ + + /* 1. CSS Imports 2. General Styles @@ -21,13 +23,17 @@ 5. alarm.html 6. Bootstrap overrides --------------------------------------- */ + + /* 1. CSS Imports --------------------------------------- */ + @import url(font-awesome.min.css); @import url(bootstrap.min.css); /* 2. General Styles --------------------------------------- */ + * { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } @@ -47,7 +53,6 @@ h1 { .logo { display: inline-block; - } .logo h1 { @@ -66,7 +71,7 @@ h1 { margin-left: 235px; margin-top: 0px; min-height: 800px; - padding: 25px 20px 0 20px; + padding: 25px 38px 42px 20px; background-color: #F2F2F2; overflow-x: hidden; } @@ -88,8 +93,10 @@ h1 { margin-bottom: 30px; } + /* 3. Sidebar ------------------------------------------------------*/ + #templatemo_search_box { width: 200px; display: inline-block; @@ -116,14 +123,14 @@ h1 { padding: 0; } -.templatemo-sidebar .templatemo-sidebar-menu > li { +.templatemo-sidebar .templatemo-sidebar-menu>li { display: block; margin: 0; padding: 0; border: 0px; } -.templatemo-sidebar .templatemo-sidebar-menu > li > a { +.templatemo-sidebar .templatemo-sidebar-menu>li>a { display: block; position: relative; margin: 0; @@ -165,19 +172,20 @@ h1 { margin: 0; } -.templatemo-sidebar-menu > li.sub.open > a { +.templatemo-sidebar-menu>li.sub.open>a { background-color: rgba(145, 145, 145, 0.3); } -.templatemo-sidebar .templatemo-sidebar-menu > li.active, .templatemo-sidebar .templatemo-sidebar-menu > li > a:hover { +.templatemo-sidebar .templatemo-sidebar-menu>li.active, +.templatemo-sidebar .templatemo-sidebar-menu>li>a:hover { background-color: #F2F2F2; } -.templatemo-submenu li > a:hover { +.templatemo-submenu li>a:hover { background-color: rgb(228, 228, 228); } -.templatemo-sidebar .templatemo-sidebar-menu > li > a > i { +.templatemo-sidebar .templatemo-sidebar-menu>li>a>i { font-size: 16px; top: 2px; margin-top: 1px; @@ -188,23 +196,29 @@ h1 { text-align: center; } + /* 4. Charts --------------------------------------------*/ + .templatemo-chart-box { display: inline-block; text-align: center; padding: 20px 30px 30px 0; } + /* 5. Preferences Form ------------------------------------------*/ + #templatemo-preferences-form { max-width: 960px; margin-bottom: 30px; } + /* 6. Sign in Form --------------------------------------------*/ + .templatemo-signin-form { padding-top: 50px; max-width: 600px; @@ -216,19 +230,33 @@ h1 { margin-left: 0; } + /* 7. tables.html ------------------------------------------*/ + #templatemo_sort_btn { margin-bottom: 20px; } + /* 8. Bootstrap overrides ----------------------------------------------*/ -.nav-pills > li > a, .nav-tabs > li > a, .alert, .progress, .panel, .btn, .panel-group .panel, .form-control, .modal-content, .breadcrumb { + +.nav-pills>li>a, +.nav-tabs>li>a, +.alert, +.progress, +.panel, +.btn, +.panel-group .panel, +.form-control, +.modal-content, +.breadcrumb { border-radius: 0; } -.list-group-item:first-child, .panel-heading { +.list-group-item:first-child, +.panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -242,20 +270,24 @@ h1 { right: 15px; } + /* 9. Maps ------------------------------------------------------*/ -.col-md-3 > .form-group { + +.col-md-3>.form-group { position: relative } -.col-md-3 > .form-group > span { +.col-md-3>.form-group>span { position: absolute; left: 140px; top: 0px; } + /* 10. Media Queries ------------------------------------------------------*/ + @media screen and (min-width: 992px) { .templatemo-sidebar { width: 235px; @@ -270,24 +302,19 @@ h1 { padding: 0; margin-left: 0; } - .navbar-header { float: none; } - .navbar-toggle { display: block; } - .templatemo-sidebar { border-top: 0 !important; margin: 20px; } - .templatemo-sidebar.navbar-collapse.collapse { display: none !important; } - .templatemo-sidebar.navbar-collapse.in { border-top: 0 !important; margin: 20px; @@ -296,11 +323,9 @@ h1 { overflow-y: auto !important; display: block !important; } - .templatemo-content-wrapper { float: none; } - .templatemo-content { margin: 0; } @@ -333,16 +358,17 @@ div .ui-grid-header-cell { .ui-grid-filter-container { color: #000; - } + /*input ----------------------------------------------*/ + .list { list-style: none; } -.list > li { +.list>li { margin: 0; padding: 0; display: inline-block; @@ -354,7 +380,6 @@ div .ui-grid-header-cell { text-align: center; border: 1px solid #ddd; border-top: none; - } .table { @@ -363,15 +388,22 @@ div .ui-grid-header-cell { border: 1px solid silver; } - .panel-success { height: 300px; } -.table thead th{ +.table thead th { border: 1px solid silver; } -.table tbody td{ +.table tbody td { border: 1px solid silver; } + +.table tbody td.serviceJump { + cursor: pointer; +} +.table tbody td.serviceJump:hover { + background-color: gainsboro; + text-decoration: underline ; +} -- cgit 1.2.3-korg