//
This commit is contained in:
m.epshtein
parent
4dcb3fe2cd
commit
ddaa2546da
2 changed files with 0 additions and 390 deletions
|
|
@ -1941,318 +1941,11 @@
|
|||
/* end - Special pages */
|
||||
|
||||
|
||||
|
||||
|
||||
.webbpm.ervu_dashboard .wrapper {
|
||||
width: calc(100% - 340px);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 1921px) {
|
||||
.webbpm.ervu_dashboard check-box label span {
|
||||
width: max(1.4vw, 1.75rem); /*28*/
|
||||
height: max(1.4vw, 1.75rem); /*28*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .radio-horizontal input[type="radio"] {;
|
||||
width: max(1.4vw, 1.75rem); /*28*/
|
||||
height: max(1.4vw, 1.75rem); /*28*/
|
||||
}
|
||||
.webbpm.ervu_dashboard dropdown-tree-view .row-item label {
|
||||
min-width: max(7.5vw, 9.375rem); /*150*/
|
||||
}
|
||||
.webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn, .upload-btn) .btn,
|
||||
.webbpm.ervu_dashboard .selected-file-delete-btn {
|
||||
width: max(1.8vw, 2.25rem); /*36*/
|
||||
height: max(1.8vw, 2.25rem); /*36*/
|
||||
min-width: max(1.8vw, 2.25rem);
|
||||
}
|
||||
.webbpm.ervu_dashboard .text-fixed-percent {
|
||||
min-width: max(3vw, 3.75rem) !important; /*60*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .text-fixed-percent-medium {
|
||||
min-width: max(3.5vw, 4.375rem) !important; /*70*/
|
||||
}
|
||||
.webbpm.ervu_dashboard text label {
|
||||
width: max(7.5vw, 9.375rem) ; /*150px*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .tab-vertical .nav-tabs {
|
||||
width: max(20vw, 23.75rem); /*380*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active {
|
||||
width: calc(100% - max(20vw, 23.75rem) - var(--indent-large));
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-chart .chart-content {
|
||||
width: max(calc(10*var(--w-content)), 12.5rem);
|
||||
height: max(calc(7*var(--w-content)), 9rem);
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-donut .chart-content {
|
||||
width: max(calc(8*var(--w-content)), 11rem);
|
||||
height: max(calc(8*var(--w-content)), 11rem);
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-donut-medium .chart-content {
|
||||
width: max(calc(10*var(--w-content)), 13.5rem);
|
||||
height: max(calc(10*var(--w-content)), 13.5rem);
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-donut-large .chart-content {
|
||||
width: max(calc(14*var(--w-content)), 18.5rem);
|
||||
height: max(calc(14*var(--w-content)), 18.5rem);
|
||||
}
|
||||
.webbpm.ervu_dashboard .bg-diamond-people {
|
||||
background-position: 100% 0, 50% max(16vw, 20rem); /*320*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .search-block .child-block:first-child {
|
||||
min-width: max(20vw, 25rem); /*400*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu {
|
||||
width: max(12vw, 15rem); /*240*/
|
||||
min-width: max(12vw, 15rem); /*240*/;
|
||||
}
|
||||
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span {
|
||||
width: max(2.7vw, 3.375rem); /*54*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .search-block .search-btn .btn {
|
||||
min-height:max(calc(3.6*var(--w-content)), 4.5rem); /*72*/
|
||||
}
|
||||
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button {
|
||||
width: max(2.9vw, 3.625rem); /*58*/
|
||||
height: max(2.9vw, 3.625rem); /*58*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name {
|
||||
padding-left: max(3vw, 3.75rem); /*60*/
|
||||
}
|
||||
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
|
||||
margin-bottom: max(6vw, 7.5rem); /*120*/
|
||||
}
|
||||
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
|
||||
width: calc(max(20vw, 23.75rem) - var(--indent-large));
|
||||
}
|
||||
.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
|
||||
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active {
|
||||
left: calc(max(20vw, 23.75rem) + var(--indent-large));
|
||||
}
|
||||
}
|
||||
/*
|
||||
@media ((max-width: 780px) or (orientation: portrait)) {
|
||||
.webbpm.ervu_dashboard .header-logo .logo-title,
|
||||
.webbpm.ervu_dashboard .header-menu .update-data {
|
||||
display: none;
|
||||
}
|
||||
.webbpm.ervu_dashboard .top-btn-block .horizontal-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
.webbpm.ervu_dashboard .top-btn-block .horizontal-container > * + * {
|
||||
margin-left: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard .top-btn-block .component-float {
|
||||
width: auto;
|
||||
}
|
||||
.webbpm.ervu_dashboard .top-btn-block .pull-right {
|
||||
margin-left: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard .top-btn-block .pull-right > div {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard [class*="text-fixed-percent"] {
|
||||
flex: auto !important;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .parent-block > .horizontal-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
.webbpm.ervu_dashboard .parent-block .horizontal-container > .child-block + .child-block {
|
||||
margin-left: var(--indent-mini);
|
||||
}
|
||||
.webbpm.ervu_dashboard .parent-block > .horizontal-container > * + * {
|
||||
margin-left: 0;
|
||||
margin-top: var(--indent-mini);
|
||||
}
|
||||
.webbpm.ervu_dashboard .parent-block .vertical-container > .child-block + *,
|
||||
.webbpm.ervu_dashboard .parent-block .vertical-container > .child-block + .child-block {
|
||||
margin-top: var(--indent-mini);
|
||||
}
|
||||
.webbpm.ervu_dashboard .parent-block .child-block ~ hbox > .horizontal-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
.webbpm.ervu_dashboard .parent-block .child-block ~ hbox > .horizontal-container > .child-block + .child-block {
|
||||
margin-left: 0;
|
||||
margin-top: var(--indent-mini);
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn, .upload-btn) .btn {
|
||||
position: relative;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .graph-chart .chart-content {
|
||||
width: 12.5rem;
|
||||
height: 9rem;
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-donut .chart-content {
|
||||
width: 11rem;
|
||||
height: 11rem;
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-donut-medium .chart-content {
|
||||
width: 13.5rem;
|
||||
height: 13.5rem;
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-donut-large .chart-content {
|
||||
width: 18.5rem;
|
||||
height: 18.5rem;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .search-block .child-block:first-child {
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.webbpm.ervu_dashboard .top-btn-block .horizontal-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
.webbpm.ervu_dashboard .top-btn-block .horizontal-container combo-box {
|
||||
padding-right: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) + :is(button-component, static-route-navigation-button) {
|
||||
margin-left: 0;
|
||||
margin-top: var(--indent-xmini);
|
||||
}
|
||||
.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .child-block {
|
||||
padding: var(--indent-base) var(--indent-xbase);
|
||||
}
|
||||
.webbpm.ervu_dashboard .parent-block > .horizontal-container > .child-block + .child-block {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .graph-legend-row {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-legend-row > .horizontal-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-legend-row > .horizontal-container > vbox + vbox {
|
||||
padding-left: 0;
|
||||
padding-top: var(--indent-small);
|
||||
margin-left: 0;
|
||||
margin-top: var(--indent-small);
|
||||
border-left: 0;
|
||||
border-top: 1px solid var(--color-primary-20);
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-legend-row > .horizontal-container .text-invert > div {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-legend-column .horizontal-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-legend-column .horizontal-container .pull-right {
|
||||
justify-content: flex-start;
|
||||
margin-left: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard .donut-absolute-row .active > vbox > .vertical-container {
|
||||
flex-direction: row;
|
||||
}
|
||||
.webbpm.ervu_dashboard .donut-absolute-row .active > vbox > .vertical-container ervu-chart-v2 {
|
||||
justify-content: flex-start !important;
|
||||
margin-top: 0 !important;
|
||||
z-index: 1 !important;
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-donut .chart-content,
|
||||
.webbpm.ervu_dashboard .graph-donut-medium .chart-content {
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
}
|
||||
.webbpm.ervu_dashboard .graph-donut-large .chart-content {
|
||||
width: 18rem;
|
||||
height: 18rem;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel {
|
||||
flex-direction: column;
|
||||
}
|
||||
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-page-summary-panel .ag-paging-description {
|
||||
margin: 0 var(--indent-small);
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .search-add-params .filter-group > div > hbox > .horizontal-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
.webbpm.ervu_dashboard .search-add-params .search-main-block,
|
||||
.webbpm.ervu_dashboard .search-add-params .search-main-block ~ vbox {
|
||||
width: 100% !important;
|
||||
}
|
||||
.webbpm.ervu_dashboard .search-add-params .search-main-block ~ vbox {
|
||||
padding: 0 !important;
|
||||
padding-top: var(--indent-base) !important;
|
||||
border: 0 !important;
|
||||
border-bottom: 1px solid var(--color-primary-20) !important;
|
||||
}
|
||||
.webbpm.ervu_dashboard .search-add-params .child-block check-box label > span {
|
||||
width: 1.75rem;
|
||||
height: 1.75rem;
|
||||
}
|
||||
.webbpm.ervu_dashboard .search-add-params .child-block check-box + text {
|
||||
margin-left: 1.75rem !important;
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard.citizen .container-inside,
|
||||
.webbpm.ervu_dashboard.citizencard .container-inside {
|
||||
overflow: auto;
|
||||
}
|
||||
.webbpm.ervu_dashboard .tab-vertical > div,
|
||||
.webbpm.ervu_dashboard .pers-block .horizontal-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
.webbpm.ervu_dashboard .search-block .grid {
|
||||
min-height: 300px;
|
||||
}
|
||||
.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs,
|
||||
.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
|
||||
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs,
|
||||
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active,
|
||||
.webbpm.ervu_dashboard.citizen .search-block .tab-search-fio > div > vbox:not(.search-btns) > div {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs,
|
||||
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
|
||||
padding-right: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
|
||||
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active {
|
||||
left: 0;
|
||||
}
|
||||
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
|
||||
width: 100%;
|
||||
}
|
||||
.webbpm.ervu_dashboard .pers-block .child-block:nth-child(2) .horizontal-container vbox,
|
||||
.webbpm.ervu_dashboard .pers-block .child-block:nth-child(2) .horizontal-container text {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
/*
|
||||
grid-checkbox
|
||||
|
||||
|
|
|
|||
|
|
@ -48,12 +48,6 @@
|
|||
linear-gradient(180deg, rgba(19, 46, 55, 0.16) 0%, rgba(19, 46, 55, 0.32) 100%),
|
||||
radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%);
|
||||
--bg-group: rgba(8, 131, 198, 0.25);
|
||||
/*conic-gradient(from 90deg at 100% 0%, rgba(0, 240, 255, 0.6) 0%, rgba(0, 191, 255, 0.24) 34%, rgba(0, 191, 255, 1) 100%),*/
|
||||
/*
|
||||
linear-gradient(180deg, rgba(8, 131, 198, 0) 0%, rgba(8, 131, 198, 0.4) 100%),
|
||||
linear-gradient(0deg, rgba(19, 46, 55, 0.08) 0%, rgba(19, 46, 55, 0.16) 100%),
|
||||
linear-gradient(204deg, rgba(0, 191, 255, 0.5) 0%, rgba(0, 191, 255, 0) 50%);
|
||||
*/
|
||||
--bg-brick: rgba(9, 91, 120, 0.6);
|
||||
|
||||
--w-content: calc((100vw - 300px)/100);
|
||||
|
|
@ -294,83 +288,6 @@ body.webbpm.ervu_dashboard {
|
|||
background-color: transparent;
|
||||
}
|
||||
|
||||
@media (min-width: 1921px) {
|
||||
.webbpm.ervu_dashboard {
|
||||
--size-text-title: max(calc(1.5*var(--w-content)), 2rem); /*32px*/
|
||||
--size-text-subtitle: max(calc(1.2*var(--w-content)), 1.5rem); /*24px*/
|
||||
--size-text-addprimary: max(calc(1*var(--w-content)), 1.25rem); /*20px*/
|
||||
--size-text-primary: max(calc(0.9*var(--w-content)), 1.125rem); /*18px*/
|
||||
--size-text-secondary: max(calc(0.7*var(--w-content)), 0.875rem); /*14px*/
|
||||
|
||||
--size-num-title: max(calc(3*var(--w-content)), 3.75rem); /*60px*/
|
||||
--size-num-subtitle: max(calc(2.4*var(--w-content)), 3rem); /*48px*/
|
||||
--size-num-addtitle: max(calc(2*var(--w-content)), 2.5rem); /*40px*/
|
||||
--size-num-primary: max(calc(1.6*var(--w-content)), 2rem); /*32px*/
|
||||
--size-num-secondary: max(calc(1.2*var(--w-content)), 1.5rem); /*24px*/
|
||||
|
||||
--indent-huge: max(calc(2.4*var(--w-content)), 3rem); /*48*/
|
||||
--indent-xlarge: max(calc(2*var(--w-content)), 2.5rem); /*40*/
|
||||
--indent-large: max(calc(1.6*var(--w-content)), 2rem); /*32*/
|
||||
--indent-medium: max(calc(1.2*var(--w-content)), 1.5rem); /*24*/
|
||||
--indent-xbase: max(calc(1*var(--w-content)), 1.25rem); /*20*/
|
||||
--indent-base: max(calc(0.8*var(--w-content)), 1rem); /*16*/
|
||||
--indent-small: max(calc(0.6*var(--w-content)), 0.75rem); /*12px*/
|
||||
--indent-mini: max(calc(0.4*var(--w-content)), 0.5rem); /*8px*/
|
||||
--indent-xmini: max(calc(0.2*var(--w-content)), 0.25rem); /*4px*/
|
||||
|
||||
--h-header: max(calc(3.9*var(--w-content)), 4.875rem); /*78*/
|
||||
--w-screen: max(calc(2*var(--w-content)), 2.5rem); /*40*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .header-logo .logo a {
|
||||
width: max(calc(6.25*var(--w-content)), 5rem);
|
||||
}
|
||||
.webbpm.ervu_dashboard .header-logo .logo-title {
|
||||
margin-left: max(calc(6.25*var(--w-content)), 5rem);
|
||||
}
|
||||
}
|
||||
/*
|
||||
@media ((max-width: 780px) or (orientation: portrait)) {
|
||||
.webbpm.ervu_dashboard {
|
||||
--size-text-title: 2rem;
|
||||
--size-text-subtitle: 1.5rem;
|
||||
--size-text-addprimary: 1.25rem;
|
||||
--size-text-primary: 1.125rem;
|
||||
--size-text-secondary: 0.875rem;
|
||||
|
||||
--size-num-title: 3.75rem;
|
||||
--size-num-subtitle: 3rem;
|
||||
--size-num-addtitle: 2.5rem;
|
||||
--size-num-primary: 2rem;
|
||||
--size-num-secondary: 1.5rem;
|
||||
|
||||
--indent-huge: 3rem;
|
||||
--indent-xlarge: 2.5rem;
|
||||
--indent-large: 2rem;
|
||||
--indent-medium: 1.5rem;
|
||||
--indent-xbase: 1.25rem;
|
||||
--indent-base: 1rem;
|
||||
--indent-small: 0.75rem;
|
||||
--indent-mini: 0.5rem;
|
||||
--indent-xmini: 0.25rem;
|
||||
|
||||
--h-header: 4.875rem;
|
||||
--w-screen: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.webbpm.ervu_dashboard {
|
||||
--size-text-title: 1.75rem;
|
||||
--size-text-primary: 1rem;
|
||||
|
||||
--size-num-title: 3rem;
|
||||
--size-num-subtitle: 2.5rem;
|
||||
--size-num-addtitle: 2rem;
|
||||
--size-num-primary: 1.75rem;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
.webbpm.ervu_dashboard .progress {
|
||||
width: 3.2vw;
|
||||
height:3.2vw;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue