Merge remote-tracking branch 'origin/ervu/tmp_makets' into ervu/tmp_makets
This commit is contained in:
Makarova Elena
commit
0b807ca1b6
2 changed files with 33 additions and 334 deletions
|
|
@ -40,14 +40,14 @@
|
|||
border: 0;
|
||||
}
|
||||
|
||||
.webbpm.ervu_business_metrics .block-panel button-component {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn {
|
||||
position: relative;
|
||||
display: flex;
|
||||
width: 16.7%;
|
||||
min-height: 112px;
|
||||
padding-right: 0;
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: var(--indent-mini);
|
||||
|
|
@ -56,92 +56,92 @@
|
|||
height: 64px;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component.active::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn.active::before {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component:nth-child(1)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(1)::before {
|
||||
background-image: url(../img/svg/panel/panel-01.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component:nth-child(2)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(2)::before {
|
||||
background-image: url(../img/svg/panel/panel-02.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component:nth-child(3)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(3)::before {
|
||||
background-image: url(../img/svg/panel/panel-03.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component:nth-child(4)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(4)::before {
|
||||
background-image: url(../img/svg/panel/panel-04.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component:nth-child(5)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(5)::before {
|
||||
background-image: url(../img/svg/panel/panel-05.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component:nth-child(6)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(6)::before {
|
||||
background-image: url(../img/svg/panel/panel-06.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(1)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(1)::before {
|
||||
background-image: url(../img/svg/panel/panel-07.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(2)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(2)::before {
|
||||
background-image: url(../img/svg/panel/panel-08.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(3)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(3)::before {
|
||||
background-image: url(../img/svg/panel/panel-09.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(4)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(4)::before {
|
||||
background-image: url(../img/svg/panel/panel-10.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(5)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(5)::before {
|
||||
background-image: url(../img/svg/panel/panel-11.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(6)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(6)::before {
|
||||
background-image: url(../img/svg/panel/panel-12.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(1)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(1)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-01.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(2)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(2)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-02.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(3)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(3)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-03.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(4)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(4)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-04.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(5)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(5)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-05.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(6)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(6)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-06.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(1)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(1)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-07.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(2)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(2)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-08.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(3)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(3)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-09.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(4)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(4)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-10.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(5)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(5)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-11.svg);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(6)::before {
|
||||
.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(6)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-12.svg);
|
||||
}
|
||||
|
||||
.webbpm.ervu_business_metrics .block-panel button-component + button-component {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn + .panel-btn {
|
||||
padding-left: var(--indent-mini);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component:last-child {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn:last-child {
|
||||
width: 16.5%;
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component > div {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn > div {
|
||||
flex: 1;
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component .btn {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn .btn {
|
||||
display: flex;
|
||||
align-items: end;
|
||||
font-family: 'GolosM';
|
||||
|
|
@ -157,7 +157,7 @@
|
|||
background-color: var(--block-bg);
|
||||
box-shadow: var(--block-shadow);
|
||||
}
|
||||
.webbpm.ervu_business_metrics .block-panel button-component.active .btn {
|
||||
.webbpm.ervu_business_metrics .block-panel .panel-btn.active .btn {
|
||||
color: var(--white);
|
||||
background: var(--block-active-bg);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,301 +0,0 @@
|
|||
@charset "utf-8";
|
||||
|
||||
.webbpm.ervu_dashboard label {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .selectize-control {
|
||||
display: flex;
|
||||
height: auto;
|
||||
background-color: transparent;
|
||||
}
|
||||
.webbpm.ervu_dashboard .selectize-control .selectize-input {
|
||||
min-height: auto;
|
||||
border: 0;
|
||||
border-bottom: 1px 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:after {
|
||||
content: "\f282";
|
||||
color: var(--color-text-primary);
|
||||
font-family: bootstrap-icons !important;
|
||||
font-weight: 800 !important;
|
||||
font-size: var(--size-text-secondary);
|
||||
top: calc((50% - var(--size-text-secondary) / 2));
|
||||
right: var(--indent-small);
|
||||
height: auto;
|
||||
width: auto;
|
||||
border: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard .selectize-control .selectize-input > input {
|
||||
color: var(--color-text-primary);
|
||||
font-family: 'GolosUI';
|
||||
}
|
||||
.webbpm.ervu_dashboard .selectize-dropdown {
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.webbpm.ervu_dashboard .selectize-dropdown-content {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn {
|
||||
position: relative;
|
||||
display: flex;
|
||||
width: 16.7%;
|
||||
min-height: 112px;
|
||||
padding-right: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: var(--indent-mini);
|
||||
top: var(--indent-mini);
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn.active::before {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(1)::before {
|
||||
background-image: url(../img/svg/panel/panel-01.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(2)::before {
|
||||
background-image: url(../img/svg/panel/panel-02.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(3)::before {
|
||||
background-image: url(../img/svg/panel/panel-03.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(4)::before {
|
||||
background-image: url(../img/svg/panel/panel-04.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(5)::before {
|
||||
background-image: url(../img/svg/panel/panel-05.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(6)::before {
|
||||
background-image: url(../img/svg/panel/panel-06.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(1)::before {
|
||||
background-image: url(../img/svg/panel/panel-07.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(2)::before {
|
||||
background-image: url(../img/svg/panel/panel-08.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(3)::before {
|
||||
background-image: url(../img/svg/panel/panel-09.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(4)::before {
|
||||
background-image: url(../img/svg/panel/panel-10.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(5)::before {
|
||||
background-image: url(../img/svg/panel/panel-11.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(6)::before {
|
||||
background-image: url(../img/svg/panel/panel-12.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(1)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-01.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(2)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-02.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(3)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-03.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(4)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-04.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(5)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-05.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(6)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-06.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(1)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-07.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(2)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-08.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(3)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-09.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(4)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-10.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(5)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-11.svg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(6)::before {
|
||||
background-image: url(../img/svg/panel/panel-wt-12.svg);
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn + .panel-btn {
|
||||
padding-left: var(--indent-mini);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn:last-child {
|
||||
width: 16.5%;
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn > div {
|
||||
flex: 1;
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn .btn {
|
||||
display: flex;
|
||||
align-items: end;
|
||||
font-family: 'GolosM';
|
||||
font-size: var(--size-text-primary);
|
||||
color: var(--color-text-primary);
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: var(--indent-base);
|
||||
margin-bottom: 0;
|
||||
border: 0;
|
||||
border-radius: var(--indent-small);
|
||||
background-color: var(--block-bg);
|
||||
box-shadow: var(--block-shadow);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel .panel-btn.active .btn {
|
||||
color: var(--white);
|
||||
background: var(--block-active-bg);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-panel + .block-panel,
|
||||
.webbpm.ervu_dashboard .group-section + .group-section {
|
||||
margin-top: var(--indent-mini);
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .block-section {
|
||||
flex: 1;
|
||||
padding-right: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-section + .block-section {
|
||||
padding-left: var(--indent-mini);
|
||||
}
|
||||
.webbpm.ervu_dashboard .block-section > div {
|
||||
padding: var(--indent-xbase) var(--indent-medium) var(--indent-medium) var(--indent-medium);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--indent-small);
|
||||
background-color: var(--white);
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .section-header {
|
||||
font-family: 'GolosM';
|
||||
font-size: var(--size-text-subtitle);
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard :is(.title, .subtitle) {
|
||||
font-family: 'GolosM';
|
||||
font-size: var(--size-text-title);
|
||||
padding: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard :is(.title, .subtitle) .form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard .title {
|
||||
font-size: var(--size-text-title);
|
||||
margin-top: var(--indent-xlarge);
|
||||
margin-bottom: var(--indent-base);
|
||||
}
|
||||
.webbpm.ervu_dashboard .subtitle {
|
||||
font-size: var(--size-text-subtitle);
|
||||
margin-bottom: var(--indent-base);
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .mute {
|
||||
color: var(--color-text-mute);
|
||||
font-family: 'Golos';
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .text-invert.mute > div > div:last-of-type {
|
||||
line-height: inherit !important;
|
||||
font-size: inherit !important;
|
||||
}
|
||||
.webbpm.ervu_dashboard .text-invert > div {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.webbpm.ervu_dashboard .text-invert > div label {
|
||||
width: auto;
|
||||
padding-left: 2px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard .text-invert > div > div:last-of-type {
|
||||
font-family: 'GolosM';
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard :is(.graph-donut, .graph-donut-large) {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-chart .chart-content {
|
||||
width: min(10vw, 12.5rem);
|
||||
height: min(7vw, 9rem);
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-donut .chart-content {
|
||||
width: 196px;
|
||||
height: 196px;
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-donut-medium .chart-content {
|
||||
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-donut-large .chart-content {
|
||||
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard [class*="graph-legend"] * {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard [class*="graph-legend"] [class*="legend-col"] {
|
||||
position: relative;
|
||||
padding-left: var(--indent-xbase);
|
||||
}
|
||||
.webbpm.ervu_dashboard [class*="graph-legend"] [class*="legend-col"]::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
top: 5px;
|
||||
left: 0;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-green::before {
|
||||
background-color: #a3bd9c;
|
||||
}
|
||||
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-red::before {
|
||||
background-color: #e4aaac;
|
||||
}
|
||||
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-yellow::before {
|
||||
background-color: #d4c892;
|
||||
}
|
||||
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-blue::before {
|
||||
background-color: #a0c3f0;
|
||||
}
|
||||
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-lila::before {
|
||||
background-color: #9193b7;
|
||||
}
|
||||
.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-orange::before {
|
||||
background-color: #e9decd;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard grid-v2 {
|
||||
flex: 1;
|
||||
height: auto;
|
||||
}
|
||||
.webbpm.ervu_dashboard .grid {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard :is(.ag-overlay-loading-center, .tooltip-default, .tooltip.show .tooltip-inner) {
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-secondary);
|
||||
padding: var(--indent-small) var(--indent-base);
|
||||
border: 0;
|
||||
border-radius:var(--indent-xbase);
|
||||
background-color: var(--color-tooltip);
|
||||
}
|
||||
.webbpm.ervu_dashboard .tooltip .arrow {
|
||||
display: none;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue