1
0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-21 14:50:08 +03:00

feature #3748: Improve dashboard style

This commit is contained in:
Daniel Molina 2015-06-12 18:25:02 +02:00
parent bbc9977f40
commit 109ae9b9c7
4 changed files with 26 additions and 21 deletions

View File

@ -2,19 +2,19 @@
{{#if listHeader }}
<div class="row header-row">
<div class="large-12 columns">
<h2 class="subheader header-title only-right-list">
<span class="header-resource">{{{listHeader}}}</span>
</h2>
<h2 class="subheader header-title only-right-info" hidden>
<span class="header-resource">{{{infoHeader}}}</span>
<h3 class="subheader header-title only-right-list" style="border-bottom: 1px solid #efefef; padding-bottom: 10px;">
<span class="header-resource" style="border-bottom: 3px solid #0098c3; padding: 0px 50px 10px 0px;">{{{listHeader}}}</span>
</h3>
<h3 class="subheader header-title only-right-info" style="border-bottom: 1px solid #efefef; padding-bottom: 10px;" hidden>
<span class="header-resource" style="border-bottom: 3px solid #0098c3; padding: 0px 50px 10px 0px;">{{{infoHeader}}}</span>
&emsp;
<span class="resource-id"></span>
&emsp;
<span class="resource-info-header"></span>
</h2>
<h2 class="subheader header-title only-right-form" hidden>
</h3>
<h3 class="subheader header-title only-right-form" hidden>
<span class="right-form-title"></span>
</h2>
</h3>
</div>
</div>
{{/if}}

File diff suppressed because one or more lines are too long

View File

@ -84,10 +84,6 @@
margin-top: 15px;
}
#menu {
margin-top: 10px;
}
.log-tab {
background: #6f6f6f;
color: #f2f2f2;
@ -110,6 +106,7 @@ table {
}
td {
font-size: rem-calc(13px);
color: #555 !important;
}
@ -120,6 +117,7 @@ table {
table.dataTable {
td, th {
font-size: rem-calc(13px);
text-align: left;
padding: 5px 10px;
@ -219,7 +217,7 @@ input.search {
}
.subTab {
margin-left: 18px;
margin-left: 27px;
&:hover {
border-left: 3px solid #999;
@ -235,7 +233,8 @@ input.search {
}
li {
border-left: 3px solid #fff;
border-left: 3px solid #efefef;
font-size: 12px;
a {
padding: 0.2323rem 0.875rem !important;
@ -253,6 +252,12 @@ input.search {
i {
margin-right: 3px
}
padding-bottom: 5px;
padding-top: 0px;
background-color: #f8f8f8;
border-radius: 5px;
border: 1px solid #efefef
}
.header-row {

View File

@ -137,18 +137,18 @@
</head>
<body class="antialiased">
<div class="row">
<div class="small-2 large-2 columns left-content">
<div class="small-12 large-2 columns left-content" style="padding-top: 45px">
<div id="menu" class="row left-body">
<ul class="side-nav" id="navigation">
<div class="row left-header">
<div class="large-12 columns">
<img src="<%= view['small_logo'] %>"/>
<img src="<%= view['provision_logo'] %>" style="width: 100px; padding: 15px"/>
</div>
</div>
<div id="menu" class="row left-body">
<ul class="side-nav" id="navigation"></ul>
</div></ul>
</div>
</div>
<div class="small-10 large-10 columns right-content">
<div class="small-12 large-10 columns right-content">
<div class="row user-zone-container"><div class="user-zone-info"></div></div>
<div class="row right-header">
</div>