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: Use new icons for split pane resizing (#60391)

Browse Source 
* Add icons, use them for split pane resizing

* Change icons

* Apply scale to child div

* Use fancier logic for displaying icon

* Remove color fill on icon

* Change icons, remove scale

* Change icons and logic
This commit is contained in:
Kristina
2022-12-21 07:07:05 -06:00
committed by GitHub
parent 78e12b140e
commit 0adb00b692
6 changed files with 42 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-data/src/types/icon.ts
View File

@@ -104,6 +104,8 @@ export const availableIconsIndex = {
'gf-landscape': true,
'gf-layout-simple': true,
'gf-logs': true,
'gf-movepane-left': true,
'gf-movepane-right': true,
'gf-portrait': true,
'gf-service-account': true,
'gf-show-context': true,

2
packages/grafana-ui/src/components/Icon/cached.json
View File

@@ -147,6 +147,8 @@
"custom/gf-interpolation-step-after",
"custom/gf-interpolation-step-before",
"custom/gf-logs",
"custom/gf-movepane-left",
"custom/gf-movepane-right",
"mono/favorite",
"mono/grafana",
"mono/heart",

32
packages/grafana-ui/src/components/Icon/iconBundle.ts
View File

@@ -155,13 +155,15 @@ import u1144 from '../../../../../public/img/icons/custom/gf-interpolation-smoot
import u1145 from '../../../../../public/img/icons/custom/gf-interpolation-step-after.svg';
import u1146 from '../../../../../public/img/icons/custom/gf-interpolation-step-before.svg';
import u1147 from '../../../../../public/img/icons/custom/gf-logs.svg';
import u1148 from '../../../../../public/img/icons/mono/favorite.svg';
import u1149 from '../../../../../public/img/icons/mono/grafana.svg';
import u1150 from '../../../../../public/img/icons/mono/heart.svg';
import u1151 from '../../../../../public/img/icons/mono/heart-break.svg';
import u1152 from '../../../../../public/img/icons/mono/panel-add.svg';
import u1153 from '../../../../../public/img/icons/mono/library-panel.svg';
import u1154 from '../../../../../public/img/icons/unicons/record-audio.svg';
import u1148 from '../../../../../public/img/icons/custom/gf-movepane-left.svg';
import u1149 from '../../../../../public/img/icons/custom/gf-movepane-right.svg';
import u1150 from '../../../../../public/img/icons/mono/favorite.svg';
import u1151 from '../../../../../public/img/icons/mono/grafana.svg';
import u1152 from '../../../../../public/img/icons/mono/heart.svg';
import u1153 from '../../../../../public/img/icons/mono/heart-break.svg';
import u1154 from '../../../../../public/img/icons/mono/panel-add.svg';
import u1155 from '../../../../../public/img/icons/mono/library-panel.svg';
import u1156 from '../../../../../public/img/icons/unicons/record-audio.svg';
// do not edit this list directly
// the list of icons live here: @grafana/ui/components/Icon/cached.json
@@ -332,13 +334,15 @@ export function initIconCache() {
cacheItem(u1145, 'custom/gf-interpolation-step-after.svg');
cacheItem(u1146, 'custom/gf-interpolation-step-before.svg');
cacheItem(u1147, 'custom/gf-logs.svg');
cacheItem(u1148, 'mono/favorite.svg');
cacheItem(u1149, 'mono/grafana.svg');
cacheItem(u1150, 'mono/heart.svg');
cacheItem(u1151, 'mono/heart-break.svg');
cacheItem(u1152, 'mono/panel-add.svg');
cacheItem(u1153, 'mono/library-panel.svg');
cacheItem(u1154, 'unicons/record-audio.svg');
cacheItem(u1148, 'custom/gf-movepane-left.svg');
cacheItem(u1149, 'custom/gf-movepane-right.svg');
cacheItem(u1150, 'mono/favorite.svg');
cacheItem(u1151, 'mono/grafana.svg');
cacheItem(u1152, 'mono/heart.svg');
cacheItem(u1153, 'mono/heart-break.svg');
cacheItem(u1154, 'mono/panel-add.svg');
cacheItem(u1155, 'mono/library-panel.svg');
cacheItem(u1156, 'unicons/record-audio.svg');
// do not edit this list directly
// the list of icons live here: @grafana/ui/components/Icon/cached.json
}