IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Explore: Fix table pagination styles

Browse Source 
- get rid of drop shadow
- get rid of top border
- add min height for better no-data placement
- add margins
This commit is contained in:
David Kaltschmidt 2018-11-13 11:00:32 +00:00
parent aa47f80fd8
commit 7627de80f2
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/sass/pages/_explore.scss
View File

@ -320,8 +320,11 @@
.ReactTable { .ReactTable {
border: none; border: none;
}
.ReactTable .rt-table {
// Allow some space for the no-data text // Allow some space for the no-data text
min-height: 120px; min-height: 90px;
} }
.ReactTable .rt-thead.-header { .ReactTable .rt-thead.-header {
@ -350,6 +353,11 @@
.ReactTable .rt-tbody .rt-td:last-child { .ReactTable .rt-tbody .rt-td:last-child {
border-right: none; border-right: none;
} }
.ReactTable .-pagination {
border-top: none;
box-shadow: none;
margin-top: $panel-margin;
}
.ReactTable .-pagination .-btn { .ReactTable .-pagination .-btn {
color: $blue; color: $blue;
background: $list-item-bg; background: $list-item-bg;
@ -371,6 +379,10 @@
.ReactTable .rt-tr .rt-td:last-child { .ReactTable .rt-tr .rt-td:last-child {
text-align: right; text-align: right;
} }
.ReactTable .rt-noData {
top: 60px;
z-index: inherit;
}
// React-component cascade fix: show "loading" even though item can expand // React-component cascade fix: show "loading" even though item can expand