QT/superset2
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2026-04-21 09:04:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adding an option to make separators in dashboard (#699)

Browse Source
This commit is contained in:
Maxime Beauchemin
2016-07-13 23:40:52 -04:00
committed by GitHub
parent 3522bf9b09
commit 8312f1c2aa
8 changed files with 72 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
caravel/assets/javascripts/dashboard/main.css Normal file
View File

@@ -0,0 +1,104 @@
.dashboard a i {
cursor: pointer;
}
.dashboard i.drag {
cursor: move !important;
}
.dashboard .slice-grid .preview-holder {
z-index: 1;
position: absolute;
background-color: #AAA;
border-color: #AAA;
opacity: 0.3;
}
div.widget .chart-controls {
background-clip: content-box;
position: absolute;
z-index: 100;
right: 0;
left: 0;
top: 5px;
padding: 5px 5px;
opacity: 0.75;
display: none;
}
.slice-grid div.widget {
border-radius: 0;
border: 1px solid #ccc;
box-shadow: 2px 1px 5px -2px #aaa;
background-color: #fff;
overflow: visible;
z-index: 5;
}
.dashboard .slice-grid .dragging,
.dashboard .slice-grid .resizing {
opacity: 0.5;
}
.dashboard img.loading {
width: 20px;
margin: 5px;
position: absolute;
}
.dashboard .title {
text-align: center;
}
.dashboard .slice_title {
text-align: center;
font-weight: bold;
font-size: 14px;
padding: 5px;
}
.dashboard div.slice_content {
width: 100%;
height: 100%;
}
.dashboard div.nvtooltip {
z-index: 888; /* this lets tool tips go on top of other slices */
}
.modal img.loading {
width: 50px;
margin: 0;
position: relative;
}
.react-bs-container-body {
max-height: 400px;
overflow-y: auto;
}
.hidden, #pageDropDown {
display: none;
}
.slice-grid div.separator.widget {
border: 1px solid transparent;
box-shadow: none;
z-index: 1;
}
.slice-grid div.separator.widget:hover {
border: 1px solid #EEE;
}
.slice-grid div.separator.widget .chart-header {
background-color: transparent;
color: transparent;
}
.slice-grid div.separator.widget h1,h2,h3,h4 {
margin-top: 0px;
}
.dashboard .separator.widget .slice_container {
padding: 0px;
overflow: visible;
}
.dashboard .separator.widget .slice_container hr {
margin-top: 5px;
margin-bottom: 5px;
}
.separator .chart-container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}