mirror of https://gitee.com/bigwinds/arangodb
css refactoring: started layout.css
This commit is contained in:
gschwab
parent
23905b1d7a
commit
fe16832e01
|
|
@ -1,6 +1,8 @@
|
|||
/*
|
||||
#documentsTable thead {
|
||||
border: 0 !important;
|
||||
}
|
||||
*/
|
||||
|
||||
#tableDiv table.dataTable td {
|
||||
padding:12px 18px !important;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,3 @@
|
|||
.modal-backdrop, .modal-backdrop.fade.in {
|
||||
opacity: 0.4 ;
|
||||
}
|
||||
|
||||
.arango-logo img {
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
|
@ -72,82 +68,10 @@ body {
|
|||
background: none;
|
||||
}
|
||||
|
||||
/* ICONS */
|
||||
.icon-info-sign:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.about-icon {
|
||||
float: left;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.clearicon, .reloadicon {
|
||||
opacity: 0.2;
|
||||
cursor: pointer;
|
||||
margin-top: 3px;
|
||||
top: 20px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.clearicon {
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
.reloadicon {
|
||||
right: 45px;
|
||||
}
|
||||
|
||||
#plusIcon {
|
||||
margin-right: 10px;
|
||||
margin-top: 11px;
|
||||
margin-right: 22px;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
#plusIcon:hover, .clearicon:hover, .reloadicon:hover {
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
table .sorting {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/* ABOUT VIEW */
|
||||
#aboutDiv {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#aboutDiv .row {
|
||||
border: 8px solid #F4F3F3 !important;
|
||||
margin-bottom: 25px;
|
||||
background-color: white;
|
||||
padding-bottom: 5px;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#aboutHeader {
|
||||
padding-bottom: 33px;
|
||||
}
|
||||
|
||||
#aboutDiv h3 {
|
||||
}
|
||||
|
||||
#aboutDiv .row a {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.disabledHover {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
.disabledHover:hover {
|
||||
background-color: #8F8D8C !important;
|
||||
}
|
||||
|
||||
/* TESTING DYN */
|
||||
|
||||
.container {
|
||||
|
|
@ -176,21 +100,6 @@ button {
|
|||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
.accordion-group {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.accordion-inner {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.accordion-heading a {
|
||||
border: 1px solid #cccccc;
|
||||
color: black;
|
||||
width: 397px !important;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
li a [class^="icon_arangodb"], li a [class*=" icon_arangodb"] {
|
||||
font-size: 18px;
|
||||
position: absolute;
|
||||
|
|
@ -198,7 +107,7 @@ li a [class^="icon_arangodb"], li a [class*=" icon_arangodb"] {
|
|||
top: 2px;
|
||||
}
|
||||
|
||||
.modal-body .icon_arangodb_info {
|
||||
.icon_arangodb_info {
|
||||
font-size: 23px;
|
||||
color: #736B68;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@
|
|||
width: 150px;
|
||||
}
|
||||
|
||||
#figures table {
|
||||
.collection-info-figures table {
|
||||
padding: 3px;
|
||||
text-align: left;
|
||||
min-width: 200px;
|
||||
|
|
@ -82,16 +82,17 @@
|
|||
*/
|
||||
}
|
||||
|
||||
#figures1, #figures2 {
|
||||
.figures1,
|
||||
.figures2 {
|
||||
margin-bottom: 20px;
|
||||
width: 255px;
|
||||
}
|
||||
|
||||
#figures2 {
|
||||
.figures2 {
|
||||
margin-left: 20px !important;
|
||||
}
|
||||
|
||||
#figures3 {
|
||||
.figures3 {
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -143,7 +144,7 @@
|
|||
}
|
||||
|
||||
#tab-content-collection-info #info,
|
||||
#tab-content-collection-info #figures,
|
||||
#tab-content-collection-info .collection-info-figures,
|
||||
#tab-content-collection-info #index {
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid #888888 !important;
|
||||
|
|
@ -239,7 +240,7 @@
|
|||
width: 398px !important;
|
||||
}
|
||||
|
||||
#figures .icon_arangodb_info {
|
||||
.collection-info-figures .icon_arangodb_info {
|
||||
position: relative !important;
|
||||
right: -4px !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -84,8 +84,8 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div class="tab-pane" id="figures">
|
||||
<table id="figures1">
|
||||
<div class="tab-pane collection-info-figures" id="figures">
|
||||
<table class="figures1">
|
||||
<tr class="figuresHeader">
|
||||
<th class="">Type</th>
|
||||
<th>Count</th>
|
||||
|
|
@ -141,7 +141,7 @@
|
|||
</tr>
|
||||
</table>
|
||||
|
||||
<table id="figures2">
|
||||
<table class="figures2">
|
||||
<tr class="figuresHeader">
|
||||
<th>Type</th>
|
||||
<th>Count</th>
|
||||
|
|
@ -165,7 +165,7 @@
|
|||
</tr>
|
||||
</table>
|
||||
|
||||
<table id="figures3">
|
||||
<table class="figures3">
|
||||
<tr class="figuresHeader">
|
||||
<th>Type</th>
|
||||
<th>Count</th>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
.accordion-group {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.accordion-inner {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.accordion-heading a {
|
||||
border: 1px solid $c-accordion-heading;
|
||||
color: black;
|
||||
font-weight: 400;
|
||||
width: 397px !important;
|
||||
}
|
||||
|
|
@ -86,3 +86,7 @@ $c-tab-inactive: #f1f0ee;
|
|||
$c-tab-active: #fff;
|
||||
$c-tab-bottom-border: #ddd;
|
||||
$c-tab-border: #888;
|
||||
|
||||
$c-accordion-heading: #ccc;
|
||||
|
||||
$c-icon-with-opacity: #333;
|
||||
|
|
@ -1,4 +1,3 @@
|
|||
//.databaseButtons => .contentButtons
|
||||
.contentButtons {
|
||||
clear: both;
|
||||
margin-bottom: 10px;
|
||||
|
|
@ -10,8 +9,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
// #databaseTable => .contentTables
|
||||
|
||||
.contentTables {
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
|
|
@ -55,8 +52,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
//.databaseInactive => .contentRowInactive
|
||||
|
||||
&.contentRowInactive {
|
||||
a {
|
||||
@extend %clickable;
|
||||
|
|
|
|||
|
|
@ -16,3 +16,11 @@
|
|||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-info-sign {
|
||||
@extend %clickable;
|
||||
}
|
||||
|
||||
.icon_arangodb_info {
|
||||
color: $c-icon-with-opacity;
|
||||
}
|
||||
|
|
@ -1,3 +1,13 @@
|
|||
.modal-body {
|
||||
color: $c-btn-inverse;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.modal-backdrop,
|
||||
.modal-backdrop.fade.in {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.modalChartDetail {
|
||||
height: 70%;
|
||||
margin-left: 0;
|
||||
|
|
@ -11,6 +21,10 @@
|
|||
color: $c-white;
|
||||
}
|
||||
|
||||
.collectionTh {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.waitModalBackdrop {
|
||||
opacity: .7 !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -68,8 +68,6 @@ div.centralContent {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
// #databaseDiv => .contentDiv
|
||||
.contentDiv {
|
||||
list-style: none;
|
||||
padding: 13px 0 0;
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ div.tileList:after, div.resizecontainer:after, div.headerBar > div.headerButtonB
|
|||
height: 0;
|
||||
visibility: hidden; }
|
||||
|
||||
.addButton, .deleteButton, a.headerButton, a.button-gui, div.toolbox > div.gv_action_button, .clusterDownBtn button, div.tile a span.icon, div.bigtile a span.icon, div.tile a svg, div.bigtile a svg, div.tile div.iconSet span, div.bigtile div.iconSet span, div.bigtile, .contentDiv .icon, div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox + label.css-label, .search-submit-icon, .fixedDropdown .notificationItem i, .fullNotification:hover, .contentTables tr.contentRowInactive a, .arango-tab a, .arango-tab li {
|
||||
.addButton, .deleteButton, a.headerButton, a.button-gui, div.toolbox > div.gv_action_button, .clusterDownBtn button, div.tile a span.icon, div.bigtile a span.icon, div.tile a svg, div.bigtile a svg, div.tile div.iconSet span, div.bigtile div.iconSet span, div.bigtile, .contentDiv .icon, .icon-info-sign, div.headerDropdown.headerDropdown input[type=checkbox].css-checkbox + label.css-label, .search-submit-icon, .fixedDropdown .notificationItem i, .fullNotification:hover, .contentTables tr.contentRowInactive a, .arango-tab a, .arango-tab li {
|
||||
cursor: pointer; }
|
||||
|
||||
nav.navbar, footer.footer {
|
||||
|
|
@ -850,6 +850,9 @@ div.centralContent {
|
|||
.waitModal.message {
|
||||
font-size: 20px; }
|
||||
|
||||
.icon_arangodb_info {
|
||||
color: #333333; }
|
||||
|
||||
div.headerDropdown {
|
||||
background-color: white;
|
||||
display: none;
|
||||
|
|
@ -1238,6 +1241,14 @@ div.breadcrumb a.disabledBread {
|
|||
height: 220px;
|
||||
width: 250px; }
|
||||
|
||||
.modal-body {
|
||||
color: #736b68;
|
||||
font-size: 14px; }
|
||||
|
||||
.modal-backdrop,
|
||||
.modal-backdrop.fade.in {
|
||||
opacity: .4; }
|
||||
|
||||
.modalChartDetail {
|
||||
height: 70%;
|
||||
margin-left: 0;
|
||||
|
|
@ -1251,6 +1262,9 @@ div.breadcrumb a.disabledBread {
|
|||
border: 0;
|
||||
color: white; }
|
||||
|
||||
.collectionTh {
|
||||
font-size: 14px; }
|
||||
|
||||
.waitModalBackdrop {
|
||||
opacity: .7 !important; }
|
||||
|
||||
|
|
@ -1625,6 +1639,18 @@ div img.searchSubmitIcon {
|
|||
font-size: 14px;
|
||||
color: black; }
|
||||
|
||||
.accordion-group {
|
||||
border: 0; }
|
||||
|
||||
.accordion-inner {
|
||||
border-top: 0; }
|
||||
|
||||
.accordion-heading a {
|
||||
border: 1px solid #cccccc;
|
||||
color: black;
|
||||
font-weight: 400;
|
||||
width: 397px !important; }
|
||||
|
||||
table.dataTable thead th {
|
||||
font-weight: 400 !important;
|
||||
padding: 10px 14px; }
|
||||
|
|
|
|||
|
|
@ -39,6 +39,8 @@
|
|||
@import 'jsonEditor';
|
||||
// Pagination
|
||||
@import 'pagination';
|
||||
// accordion
|
||||
@import 'accordion';
|
||||
|
||||
// Data Tables, TODO: might all be superflous
|
||||
@import 'dataTables';
|
||||
|
|
|
|||
Loading…
Reference in New Issue