ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-16 10:58:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

fit and finish for dashboard (#951)

Browse Source 
* fit and finish for dashboard

* address comments
This commit is contained in:
Abbie Petchtes
2018-03-22 13:11:13 -07:00
committed by GitHub
parent 50c4fd79b7
commit 217f5e7ee5
1 changed files with 20 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/sql/base/browser/ui/panel/media/panel.css
View File

@@ -40,12 +40,19 @@ panel {
.tabbedPanel .tabList .tab .tabLabel { .tabbedPanel .tabList .tab .tabLabel {
text-transform: uppercase; text-transform: uppercase;
font-size: 11px; font-size: 13px;
padding-bottom: 4px; padding-bottom: 4px;
} }
.tabbedPanel.vertical .tabList .tab .tabLabel {
font-size: 11px;
}
.tabbedPanel .tabList .tab-header { .tabbedPanel .tabList .tab-header {
display: flex; display: flex;
padding-left: 5px;
padding-right: 5px;
min-width: 65px;
} }
.tabbedPanel.vertical .tabList .tab-header { .tabbedPanel.vertical .tabList .tab-header {
@@ -53,24 +60,28 @@ panel {
text-transform: none; text-transform: none;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
width: 63px; width: 65px;
height: 50px; height: 50px;
line-height: 45px; line-height: 45px;
} }
.tabbedPanel .tabList .tab:hover .tabLabel,
.tabbedPanel .tabList .tab .tabLabel.active {
opacity: 1;
}
.tabbedPanel .tabList .tab .tabLabel {
opacity: 0.6;
}
.tabbedPanel .tabList .tab .tabLabel.icon { .tabbedPanel .tabList .tab .tabLabel.icon {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
background-size: 25px; background-size: 20px;
padding: 20px 20px; padding: 20px 25px;
line-height: 50px; line-height: 50px;
} }
.tabbedPanel .tabList .tab-header {
padding-left: 10px;
padding-right: 10px;
}
.tabbedPanel .tabList .actions-container { .tabbedPanel .tabList .actions-container {
margin-right: 8px; margin-right: 8px;
} }