ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-21 01:25:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

use svg for sorting state icons (#15546)

Browse Source
This commit is contained in:
Alan Ren
2021-05-20 23:32:45 -07:00
committed by GitHub
parent 82e0ede921
commit cc232f195f
7 changed files with 53 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/sql/base/browser/ui/table/media/sort-asc.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 830 B

BIN
src/sql/base/browser/ui/table/media/sort-desc.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 833 B

8
src/sql/base/browser/ui/table/media/sort_asc.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg">
<style>
polygon {
fill:black;
}
</style>
<polygon points="0,50 50,0 100,50" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 158 B

8
src/sql/base/browser/ui/table/media/sort_asc_inverse.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg">
<style>
polygon {
fill:white;
}
</style>
<polygon points="0,50 50,0 100,50" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 157 B

8
src/sql/base/browser/ui/table/media/sort_desc.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg">
<style>
polygon {
fill:black;
}
</style>
<polygon points="0,0 100,0 50,50" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 156 B

8
src/sql/base/browser/ui/table/media/sort_desc_inverse.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg">
<style>
polygon {
fill:white;
}
</style>
<polygon points="0,0 100,0 50,50" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 156 B

26
src/sql/base/browser/ui/table/media/table.css
View File

@@ -18,20 +18,36 @@
height: 100%;
}
.monaco-table .slick-sort-indicator-asc {
background: url('sort-asc.gif');
.monaco-table .slick-sort-indicator {
background-size: 8px;
background-repeat: no-repeat;
}
.vs .monaco-table .slick-sort-indicator-asc {
background-image: url('sort_asc.svg');
}
.monaco-table .slick-sort-indicator-desc {
background: url('sort-desc.gif');
.vs-dark .monaco-table .slick-sort-indicator-asc,
.hc-black .monaco-table .slick-sort-indicator-asc {
background-image: url('sort_asc_inverse.svg');
}
.vs .monaco-table .slick-sort-indicator-desc {
background-image: url('sort_desc.svg');
}
.vs-dark .monaco-table .slick-sort-indicator-desc,
.hc-black .monaco-table .slick-sort-indicator-desc {
background-image: url('sort_desc_inverse.svg');
}
.monaco-table .slick-sort-indicator {
display: inline-block;
width: 8px;
height: 5px;
height: 8px;
margin-left: 4px;
margin-right: 4px;
margin-top: 6px;
flex: 0 0 auto;
}
.slick-header-menubutton {