superset/caravel/assets/stylesheets/caravel.css
Maxime Beauchemin 38b8db8051 SQL Lab - A multi-tab SQL editor (#514)
* Carapal react mockup

This is really just a mock up written in React to try different
components. It could become scaffolding to build a prototype, or not.

* Merging in Alanna's theme tweaks for SQL lab

* Tweak the display of the alert message in navbar

* Sketching the middleware refresh for Queries

* Adjustments

* Implement timer sync.

* CTAS

* Refactor the queries to be stored as a dict. (#994)

* Download csv endpoint. (#992)

* CSV download engdpoint.

* Use lower case booleans.

* Replcate loop with the object lookup by key.

* First changes for the sync

* Address comments

* Fix query deletions. Update only the queries from the store.

* Sync queries using tmp_id.

* simplify

* Fix the tests in the carapal. (#1023)

* Sync queries using tmp_id.

* Fix the unit tests

* Bux fixes. Pass 2.

* Tweakin' & linting

* Adding alpha label to the SQL LAb navbar entry

* Fixing the python unit tests
2016-08-29 21:55:31 -07:00

197 lines
2.6 KiB
CSS

body {
margin: 0px !important;
}
.caret {
border-top: 4px solid;
}
.emph {
font-weight: bold;
}
.alert.alert-danger > .debugger {
color: red;
}
.modal-dialog {
z-index: 1100;
}
.label {
font-size: 100%;
}
.no-wrap {
white-space: nowrap;
}
input.form-control {
background-color: white;
}
.chart-header a.danger {
color: red;
}
.disabledButton {
pointer-events: none;
}
.col-left-fixed {
width:350px;
position: absolute;
float: left;
}
.col-offset {
margin-left: 365px;
}
.slice_description{
padding: 8px;
margin: 5px;
border: 1px solid #DDD;
background-color: #F8F8F8;
border-radius: 5px;
font-size: 12px;
}
.slice_info{
cursor: pointer;
}
.padded {
padding: 10px;
}
.intable-longtext{
max-height: 200px;
overflow: auto;
}
.container-fluid {
text-align: left;
}
input[type="checkbox"] {
display: inline-block;
width: 16px;
height: 16px;
float: right;
}
.widget-is-cached {
display: none;
}
.header span.label {
margin-left: 5px;
margin-right: 5px;
}
#timer {
width: 80px;
text-align: right;
}
.notbtn {
cursor: default;
box-shadow: none;
border: 1px solid #ccc;
}
hr {
margin-top: 15px;
margin-bottom: 15px;
}
span.title-block {
background-color: #EEE;
border-radius: 4px;
padding: 6px 12px;
margin: 0px 10px;
font-size: 20px;
}
.nvtooltip {
//position: relative !important;
z-index: 888;
}
.nvtooltip table td{
font-size: 11px !important;
}
div.navbar {
z-index: 999;
}
.datasource form div.form-control {
margin-bottom: 5px !important;
}
.datasource form input.form-control {
margin-bottom: 5px !important;
}
.datasource .tooltip-inner {
max-width: 350px;
}
img.loading {
width: 40px;
position: relative;
z-index: 10;
margin: 10px;
}
img.viz-thumb-option {
width: 100px;
border: 1px solid gray;
margin-right: 5px;
border-radius: 5px;
}
.select2-drop.bigdrop .select2-results {
max-height: 700px;
}
div.header {
font-weight: bold;
}
li.widget:hover {
z-index: 1000;
}
div.widget .chart-header {
padding-top: 8px;
background-color: #fff;
color: #333;
border-bottom: 1px solid #aaa;
margin: 0 10px;
}
.chart-header .header-text {
font-size: 20px;
line-height: 22px;
padding-bottom: 8px;
border-bottom: 1px solid #888;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
div.widget .chart-header a {
margin-left: 5px;
}
#is_cached {
display: none;
}
div.widget .slice_container {
overflow: auto;
}
.navbar .alert {
padding: 5px 10px;
margin-top: 8px;
margin-bottom: 0px
}
.table-condensed {
font-size: 12px;
}