micord/ervu-business-metrics
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

panel icons

Browse source
This commit is contained in:
m.epshtein 2024-11-07 13:16:01 +03:00
parent 2df5c7d435
commit c9625a0491
3 changed files with 94 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

91
frontend/src/resources/css/components-dashboard.css
View file

@ -4,6 +4,20 @@
width: auto;
}
.webbpm.ervu_dashboard .selectize-control {
font-size: inherit;
background-color: transparent;
}
.webbpm.ervu_dashboard .selectize-control .selectize-input {
border: 0;
border-bottom: 2px solid var(--input-border);
border-radius: var(--indent-xmini) var(--indent-xmini) 0 0;
background-color: var(--input-bg);
}
.webbpm.ervu_dashboard .selectize-control .selectize-input > input {
color: var(--color-text-primary);
}
.webbpm.ervu_dashboard .block-panel button-component {
position: relative;
display: flex;
@ -18,8 +32,84 @@
top: var(--indent-mini);
width: 64px;
height: 64px;
opacity: 0.3;
}
.webbpm.ervu_dashboard .block-panel button-component.active::before {
opacity: 0.5;
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(1)::before {
background-image: url(../img/svg/panel/panel-01.svg);
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(2)::before {
background-image: url(../img/svg/panel/panel-02.svg);
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(3)::before {
background-image: url(../img/svg/panel/panel-03.svg);
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(4)::before {
background-image: url(../img/svg/panel/panel-04.svg);
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(5)::before {
background-image: url(../img/svg/panel/panel-05.svg);
}
.webbpm.ervu_dashboard .block-panel button-component:nth-child(6)::before {
background-image: url(../img/svg/panel/panel-06.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(1)::before {
background-image: url(../img/svg/panel/panel-07.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(2)::before {
background-image: url(../img/svg/panel/panel-08.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(3)::before {
background-image: url(../img/svg/panel/panel-09.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(4)::before {
background-image: url(../img/svg/panel/panel-10.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(5)::before {
background-image: url(../img/svg/panel/panel-11.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component:nth-child(6)::before {
background-image: url(../img/svg/panel/panel-12.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(1)::before {
background-image: url(../img/svg/panel/panel-wt-01.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(2)::before {
background-image: url(../img/svg/panel/panel-wt-02.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(3)::before {
background-image: url(../img/svg/panel/panel-wt-03.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(4)::before {
background-image: url(../img/svg/panel/panel-wt-04.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(5)::before {
background-image: url(../img/svg/panel/panel-wt-05.svg);
}
.webbpm.ervu_dashboard .block-panel button-component.active:nth-child(6)::before {
background-image: url(../img/svg/panel/panel-wt-06.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(1)::before {
background-image: url(../img/svg/panel/panel-wt-07.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(2)::before {
background-image: url(../img/svg/panel/panel-wt-08.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(3)::before {
background-image: url(../img/svg/panel/panel-wt-09.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(4)::before {
background-image: url(../img/svg/panel/panel-wt-10.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(5)::before {
background-image: url(../img/svg/panel/panel-wt-11.svg);
}
.webbpm.ervu_dashboard .block-panel + .block-panel button-component.active:nth-child(6)::before {
background-image: url(../img/svg/panel/panel-wt-12.svg);
}
.webbpm.ervu_dashboard .block-panel button-component + button-component {
padding-left: var(--indent-mini);
}
@ -32,6 +122,7 @@
.webbpm.ervu_dashboard .block-panel button-component .btn {
display: flex;
align-items: end;
font-family: 'GolosM';
font-size: var(--size-text-primary);
color: var(--color-text-primary);
text-align: left;

4
frontend/src/resources/css/inbox-dashboard.css
View file

@ -7,6 +7,8 @@
--border: rgba(1, 72, 116, 0.1);
--shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.15);
--input-bg: rgba(242, 248, 253, 0.75);
--input-border: rgba(1, 72, 116, 0.18);
--page-bg: rgba(38, 117, 166, 0.025);
--header-bg: rgba(53, 126, 172, 0.05);
--block-bg: rgba(53, 126, 172, 0.1);
@ -34,7 +36,7 @@
--indent-base: 16px;
--indent-small: 12px;
--indent-mini: 8px;
--indent-xmini: min(0.2vw, 0.25rem); /*4px*/
--indent-xmini: 4px;
--h-header: 68px;
}

BIN
frontend/src/resources/img/svg/panel/panel-02.svg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1,006 B

Before After
Before After