mirror of
https://github.com/apache/superset.git
synced 2024-09-19 20:19:37 -04:00
0e0eaa0ccd
* we don't need tooltips on accordion menu, known ui pattern * use consistent type sizes, bump body type down to 14px * make editor same height as 3 selects * table meta data accordion menu - prevent default on accordion clicks - always show table actions, they are more discoverable like that - polish spacing/layout * remove hover effect on table actions
242 lines
3.8 KiB
CSS
242 lines
3.8 KiB
CSS
#app {
|
|
position: absolute;
|
|
top: 65;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.inlineBlock {
|
|
display: inline-block;
|
|
}
|
|
.valignTop {
|
|
vertical-align: top;
|
|
}
|
|
.inline {
|
|
display: inline;
|
|
}
|
|
.nopadding {
|
|
padding: 0px;
|
|
}
|
|
.panel.nopadding .panel-body {
|
|
padding: 0px;
|
|
}
|
|
|
|
.loading {
|
|
width: 50px;
|
|
margin-top: 15px;
|
|
}
|
|
.pane-cell {
|
|
padding: 10px;
|
|
overflow: auto;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.SqlEditor .header {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.Workspace .btn-sm {
|
|
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
|
|
margin-top: 2px;
|
|
padding: 4px;
|
|
}
|
|
.Workspace hr {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
div.Workspace {
|
|
height: 100%;
|
|
margin: 0px;
|
|
}
|
|
.SqlEditor .clock {
|
|
background-color: orange;
|
|
padding: 5px;
|
|
}
|
|
|
|
.padded {
|
|
padding: 10px;
|
|
}
|
|
|
|
.p-t-10 {
|
|
padding-top: 10px;
|
|
}
|
|
.p-t-5 {
|
|
padding-top: 5px;
|
|
}
|
|
.m-r-5 {
|
|
margin-right: 5px;
|
|
}
|
|
.m-r-3 {
|
|
margin-right: 3px;
|
|
}
|
|
.m-l-1 {
|
|
margin-left: 1px;
|
|
}
|
|
.m-l-2 {
|
|
margin-left: 2px;
|
|
}
|
|
.m-r-10 {
|
|
margin-right: 10px;
|
|
}
|
|
.m-l-10 {
|
|
margin-left: 10px;
|
|
}
|
|
.m-l-5 {
|
|
margin-left: 5px;
|
|
}
|
|
.m-b-10 {
|
|
margin-bottom: 10px;
|
|
}
|
|
.m-t-5 {
|
|
margin-top: 5px;
|
|
}
|
|
.m-t-10 {
|
|
margin-top: 10px;
|
|
}
|
|
.p-t-10 {
|
|
padding-top: 10px;
|
|
}
|
|
.sqllab-toolbar {
|
|
padding-top: 5px;
|
|
border-bottom: 1px solid #DDD;
|
|
}
|
|
.no-shadow {
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
}
|
|
.pane-west {
|
|
height: 100%;
|
|
overflow: auto;
|
|
}
|
|
.circle {
|
|
border-radius: 50%;
|
|
width: 10px;
|
|
height: 10px;
|
|
display: inline-block;
|
|
background-color: #ccc;
|
|
}
|
|
.Pane2 {
|
|
width: 0;
|
|
}
|
|
.running {
|
|
background-color: lime;
|
|
color: black;
|
|
}
|
|
.success {
|
|
background-color: green;
|
|
}
|
|
.failed {
|
|
background-color: red;
|
|
}
|
|
|
|
.handle {
|
|
cursor: move;
|
|
}
|
|
.window {
|
|
z-index: 1000;
|
|
position: absolute;
|
|
width: 300px;
|
|
opacity: 0.85;
|
|
border: 1px solid #AAA;
|
|
max-height: 600px;
|
|
box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 25px
|
|
}
|
|
.SqlLab pre {
|
|
padding: 0px !important;
|
|
margin: 0px;
|
|
border: none;
|
|
font-size: 12px;
|
|
line-height: @line-height-base;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.Resizer {
|
|
background: #000;
|
|
opacity: .2;
|
|
z-index: 1;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-moz-background-clip: padding;
|
|
-webkit-background-clip: padding;
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
.Resizer:hover {
|
|
-webkit-transition: all 2s ease;
|
|
transition: all 2s ease;
|
|
}
|
|
|
|
.Resizer.horizontal {
|
|
height: 10px;
|
|
margin: -5px 0;
|
|
border-top: 5px solid rgba(255, 255, 255, 0);
|
|
border-bottom: 5px solid rgba(255, 255, 255, 0);
|
|
cursor: row-resize;
|
|
width: 100%;
|
|
padding: 1px;
|
|
}
|
|
|
|
.Resizer.horizontal:hover {
|
|
border-top: 5px solid rgba(0, 0, 0, 0.5);
|
|
border-bottom: 5px solid rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.Resizer.vertical {
|
|
width: 9px;
|
|
margin: 0 -5px;
|
|
border-left: 5px solid rgba(255, 255, 255, 0);
|
|
border-right: 5px solid rgba(255, 255, 255, 0);
|
|
cursor: col-resize;
|
|
}
|
|
|
|
.Resizer.vertical:hover {
|
|
border-left: 5px solid rgba(0, 0, 0, 0.5);
|
|
border-right: 5px solid rgba(0, 0, 0, 0.5);
|
|
}
|
|
.Resizer.disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.Resizer.disabled:hover {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.popover{
|
|
max-width:400px;
|
|
}
|
|
.Select-menu-outer {
|
|
z-index: 1000;
|
|
}
|
|
.table-label {
|
|
margin-top: 5px;
|
|
margin-right: 10px;
|
|
float: left;
|
|
}
|
|
div.tablePopover {
|
|
opacity: 0.7 !important;
|
|
}
|
|
div.tablePopover:hover {
|
|
opacity: 1 !important;
|
|
}
|
|
.ResultSetControls {
|
|
padding-bottom: 3px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.ace_editor {
|
|
border: 1px solid #ccc;
|
|
margin: 0px 0px 10px 0px;
|
|
}
|
|
|
|
.Select-menu-outer {
|
|
min-width: 100%;
|
|
width: inherit;
|
|
}
|
|
.ace_content {
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
.SouthPane .tab-content {
|
|
padding-top: 10px;
|
|
}
|