client/app/assets/less/inc/schema-browser.less (83 lines of code) (raw):
div.table-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
padding: 2px 22px 2px 10px;
border-radius: @redash-radius;
position: relative;
height: 22px;
.copy-to-editor, .info {
display: none;
}
&:hover {
background: fade(@redash-gray, 10%);
.copy-to-editor, .info {
display: flex;
}
}
}
.schema-container {
height: 100%;
z-index: 10;
background-color: white;
}
.schema-browser {
overflow: hidden;
border: none;
padding-top: 10px;
position: relative;
height: 100%;
.schema-loading-state {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.collapse.in {
background: transparent;
}
.copy-to-editor, .info {
color: fade(@redash-gray, 90%);
cursor: pointer;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.info {
right: 20px
}
.table-open {
padding: 0 22px 0 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
height: 18px;
.copy-to-editor, .info {
display: none;
}
&:hover {
background: fade(@redash-gray, 10%);
.copy-to-editor, .info {
display: flex;
}
}
}
}
.schema-control {
display: flex;
flex-wrap: nowrap;
padding: 0;
.ant-btn {
height: auto;
}
}
.parameter-label {
display: block;
}