mix
This commit is contained in:
m.epshtein
parent
36dc0f8be1
commit
d0650b93ce
31 changed files with 1034 additions and 553 deletions
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>ervu_lkrp_fl</title>
|
||||
<title>ervu_lkrp_ul</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/png" href="src/resources/img/logo.png"/>
|
||||
<link rel="stylesheet" href="src/resources/css/style.css"/>
|
||||
|
||||
|
|
@ -17,7 +18,7 @@
|
|||
});
|
||||
</script>
|
||||
</head>
|
||||
<body webbpm class="webbpm ervu_lkrp_fl">
|
||||
<body webbpm class="webbpm ervu_lkrp_ul">
|
||||
<div class="progress"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>ervu_lkrp_fl</title>
|
||||
<title>ervu_lkrp_ul</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/png" href="src/resources/img/logo.png"/>
|
||||
</head>
|
||||
<body webbpm class="webbpm ervu_lkrp_fl">
|
||||
<body webbpm class="webbpm ervu_lkrp_ul">
|
||||
<div class="progress"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
<head>
|
||||
<title>Web BPM</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/png" href="src/resources/img/logo.png"/>
|
||||
<link rel="stylesheet" href="src/resources/css/style.css"/>
|
||||
|
||||
|
|
@ -17,7 +18,7 @@
|
|||
});
|
||||
</script>
|
||||
</head>
|
||||
<body preview-container id="webbpm-angular-application-container ervu_lkrp_fl" class="webbpm">
|
||||
<body preview-container id="webbpm-angular-application-container ervu_lkrp_ul" class="webbpm">
|
||||
<div class="progress"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,20 @@
|
|||
@charset "utf-8";
|
||||
|
||||
.webbpm div[id="page"],
|
||||
.webbpm div[id="page"] > div,
|
||||
.webbpm div[id="page"] > div > div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.webbpm [id="page"] > div > div > [page-object]:first-child {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.webbpm [id="page"] > div > div > [page-object] {
|
||||
display: inherit;
|
||||
margin-bottom: 10px;
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
|
|
@ -15,33 +29,33 @@
|
|||
}
|
||||
|
||||
.webbpm .sub-header {
|
||||
color: #fff;
|
||||
color: var(--white);
|
||||
font-weight: normal;
|
||||
padding: 0 20px;
|
||||
margin-top: 10px;
|
||||
border-radius: 20px;
|
||||
background: #4c5969;
|
||||
}
|
||||
background: var(--bg-secondary);
|
||||
|
||||
.webbpm .sub-header > .form-group {
|
||||
& > .form-group {
|
||||
padding: 10px 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.webbpm .sub-header>div > div:last-of-type {
|
||||
& > div > div:last-of-type {
|
||||
font-size: 18px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm .form-signup input.ng-invalid.ng-touched,
|
||||
.webbpm .form-signup input.ng-invalid.ng-touched ~ .input-group-append > .input-group-text,
|
||||
.webbpm .form-signup input.ng-invalid.ng-dirty,
|
||||
.webbpm .form-signup input.ng-invalid.ng-dirty ~ .input-group-append > .input-group-text {
|
||||
border-color: #1c92ea !important;
|
||||
border-color: var(--color-link) !important;
|
||||
}
|
||||
|
||||
.webbpm .form-signup .msg-alert {
|
||||
color: #1c92ea;
|
||||
color: var(--color-link);
|
||||
}
|
||||
|
||||
.webbpm input[type="text"],
|
||||
|
|
@ -54,13 +68,13 @@
|
|||
.webbpm select,
|
||||
.webbpm .selectize-control.single .selectize-input,
|
||||
.webbpm .multi.plugin-remove_button .selectize-input {
|
||||
color: #404954;
|
||||
font-size: 16px;
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-primary);
|
||||
min-height: 38px;
|
||||
padding: 6px 8px;
|
||||
border: 1px solid #e3e6ed;
|
||||
border: 1px solid var(--border-light);
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
|
@ -73,12 +87,12 @@
|
|||
.webbpm .wb-touched.wb-invalid .input-group-addon:focus,
|
||||
.webbpm .wb-touched.wb-invalid .selectize-input,
|
||||
.webbpm .wb-touched.wb-invalid .selectize-input:focus {
|
||||
border-color: #1c92ea !important;
|
||||
border-color: var(--color-link) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.webbpm select option:checked {
|
||||
color: #1c92ea;
|
||||
color: var(--color-link);
|
||||
}
|
||||
|
||||
.webbpm .input-group input[name="password"],
|
||||
|
|
@ -92,8 +106,8 @@
|
|||
.webbpm .input-group input[name="password"] ~ .input-group-append > .input-group-text,
|
||||
.webbpm .input-group input[name="confirmPassword"] ~ .input-group-append > .input-group-text,
|
||||
.webbpm .date input ~ .input-group-addon {
|
||||
color: #404954;
|
||||
border-color: #e3e6ed;
|
||||
color: var(--color-text-primary);
|
||||
border-color: var(--border-light);
|
||||
border-radius: 8px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
|
|
@ -103,8 +117,8 @@
|
|||
.webbpm .input-group input[name="password"] ~ .input-group-append > .input-group-text,
|
||||
.webbpm .input-group input[name="confirmPassword"] ~ .input-group-append > .input-group-text,
|
||||
.webbpm .date input ~ .input-group-addon {
|
||||
color: #404954;
|
||||
border-color: #e3e6ed;
|
||||
color: var(--color-text-primary);
|
||||
border-color: var(--border-light);
|
||||
border-radius: 8px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
|
|
@ -114,36 +128,36 @@
|
|||
.webbpm international-phone-number .input-group-addon.flagInput {
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.webbpm international-phone-number .input-group-addon.flagInput .btn {
|
||||
border: 1px solid #e3e6ed;
|
||||
.btn {
|
||||
border: 1px solid var(--border-light);
|
||||
border-right: 0;
|
||||
border-radius: 10px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.webbpm international-phone-number .input-group-addon.flagInput ~ input {
|
||||
border-right: 1px solid #e3e6ed;
|
||||
& ~ input {
|
||||
border-right: 1px solid var(--border-light);
|
||||
border-radius: 10px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm .selectize-dropdown {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.webbpm .selectize-dropdown-content {
|
||||
border: 1px solid #e3e6ed;
|
||||
border: 1px solid var(--border-light);
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
box-shadow: 0 8px 12px rgb(77 72 91 / 5%), 0 6px 10px rgb(77 72 91 / 0%);
|
||||
}
|
||||
|
||||
.webbpm .selectize-dropdown .active {
|
||||
color: #1c92ea;
|
||||
color: var(--color-link);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
|
@ -167,7 +181,7 @@
|
|||
.webbpm .date .form-control[readonly] ~ .input-group-addon,
|
||||
.webbpm fieldset[disabled] .form-control,
|
||||
.webbpm .selectize-control .selectize-input.disabled {
|
||||
background-color: #f5f7fa;
|
||||
background-color: var(--bg-light);
|
||||
}
|
||||
|
||||
.webbpm .selectize-control.form-control {
|
||||
|
|
@ -184,9 +198,9 @@
|
|||
}
|
||||
|
||||
.webbpm drop-down-button .dropdown-menu.show {
|
||||
border: 1px solid #e3e6ed;
|
||||
border: 1px solid var(--border-light);
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
box-shadow: 0 8px 12px rgb(77 72 91 / 5%), 0 6px 10px rgb(77 72 91 / 0%);
|
||||
}
|
||||
|
||||
|
|
@ -198,17 +212,17 @@
|
|||
}
|
||||
|
||||
.webbpm .selectize-dropdown-content {
|
||||
font-size: 16px;
|
||||
font-size: var(--size-text-primary);
|
||||
}
|
||||
|
||||
.webbpm .selectize-dropdown .more_values {
|
||||
color: #404954;
|
||||
color: var(--color-text-primary);
|
||||
background-color: #f0f7fd;
|
||||
}
|
||||
|
||||
/*----------------- Button ---------------- */
|
||||
.webbpm .btn {
|
||||
font-size: 16px;
|
||||
font-size: var(--size-text-primary);
|
||||
font-family: 'SegoeSB';
|
||||
padding: 6px 14px;
|
||||
margin-bottom: 0;
|
||||
|
|
@ -227,9 +241,9 @@
|
|||
|
||||
.webbpm .btn-main > * > .btn,
|
||||
.webbpm .btn-primary {
|
||||
color: #fff !important;
|
||||
border-color: #1c92ea;
|
||||
background: #1c92ea;
|
||||
color: var(--white) !important;
|
||||
border-color: var(--color-link);
|
||||
background: var(--color-link);
|
||||
box-shadow: 0px 0px 6px 2px rgb(77 72 91 / 6%);
|
||||
}
|
||||
.webbpm .btn-main > * > .btn:not(:disabled):not(.disabled):hover,
|
||||
|
|
@ -248,23 +262,23 @@
|
|||
|
||||
.webbpm .btn-secondary,
|
||||
.webbpm .btn-default {
|
||||
color: #404954;
|
||||
border: 1px solid #e3e6ed;
|
||||
background: #fff;
|
||||
color: var(--color-text-primary);
|
||||
border: 1px solid var(--border-light);
|
||||
background: var(--white);
|
||||
box-shadow: 0px 0px 6px 2px rgb(77 72 91 / 6%);
|
||||
}
|
||||
.webbpm .btn-secondary:not(:disabled):not(.disabled):hover,
|
||||
.webbpm .btn-secondary:not(:disabled):not(.disabled):active,
|
||||
.webbpm .btn-default:not(:disabled):not(.disabled):hover,
|
||||
.webbpm .btn-default:not(:disabled):not(.disabled):active {
|
||||
color: #1c92ea;
|
||||
border-color: #e3e6ed;
|
||||
background-color: #fff;
|
||||
color: var(--color-link);
|
||||
border-color: var(--border-light);
|
||||
background-color: var(--white);
|
||||
}
|
||||
.webbpm .btn-secondary:not(:disabled):not(.disabled):focus,
|
||||
.webbpm .btn-default:not(:disabled):not(.disabled):focus {
|
||||
border-color: #e3e6ed;
|
||||
background-color: #fff;
|
||||
border-color: var(--border-light);
|
||||
background-color: var(--white);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
|
@ -281,14 +295,14 @@
|
|||
.webbpm .btn-main .btn.disabled,
|
||||
.webbpm .btn-main .btn:disabled {
|
||||
color: rgba(255, 255, 255, 0.8) !important;
|
||||
border-color: #1c92ea;
|
||||
background-color: #1c92ea;
|
||||
border-color: var(--color-link);
|
||||
background-color: var(--color-link);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .state-btn-edit,
|
||||
.webbpm ag-grid-angular .state-btn-delete {
|
||||
color: #1c92ea !important;
|
||||
color: var(--color-link) !important;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
|
|
@ -305,51 +319,52 @@
|
|||
flex-direction: column;
|
||||
max-width: 800px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.webbpm bread-crumb .status_bar {
|
||||
.status_bar {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: stretch;
|
||||
}
|
||||
|
||||
.webbpm bread-crumb .status_bar .crumb-element {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
.crumb-element {
|
||||
color: var(--white);
|
||||
font-size: var(--size-text-secondary);
|
||||
padding: 4px 15px;
|
||||
background-color: #4c5969;
|
||||
background-color: var(--bg-secondary);
|
||||
border-radius: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.webbpm bread-crumb .status_bar > div + div {
|
||||
& > div + div {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
flex: 1;
|
||||
}
|
||||
.webbpm bread-crumb .status_bar > div + div::before {
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
height: 2px;
|
||||
background-color: #4c5969;
|
||||
background-color: var(--bg-secondary);
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm bread-crumb .status_bar > div.active ~ div::before {
|
||||
background-color: #e3e6ed;
|
||||
& > div.active ~ div::before {
|
||||
background-color: var(--border-light);
|
||||
}
|
||||
|
||||
.webbpm bread-crumb .status_bar > div.active .crumb-element {
|
||||
background-color: #1c92ea;
|
||||
& > div.active .crumb-element {
|
||||
background-color: var(--color-link);
|
||||
}
|
||||
|
||||
.webbpm bread-crumb .status_bar > div.active ~ div .crumb-element {
|
||||
& > div.active ~ div .crumb-element {
|
||||
color: #989fa8;
|
||||
background-color: #e3e6ed;
|
||||
background-color: var(--border-light);
|
||||
}
|
||||
}
|
||||
}
|
||||
/*--------------- end Bread-crumb ------------ */
|
||||
|
||||
|
|
@ -396,13 +411,13 @@
|
|||
.webbpm ag-grid-angular .ag-header {
|
||||
border: 0;
|
||||
border-radius: 12px;
|
||||
background: #f5f7fa;
|
||||
background: var(--bg-light);
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-header-row {
|
||||
color: #404954;
|
||||
color: var(--color-text-primary);
|
||||
font-family: 'SegoeSB';
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
|
@ -413,7 +428,7 @@
|
|||
|
||||
.webbpm ag-grid-angular .ag-header-group-cell {
|
||||
font-family: 'SegoeB';
|
||||
font-size: 16px;
|
||||
font-size: var(--size-text-primary);
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-header-cell>.ag-cell-label-container>.ag-header-cell-label>.ag-header-cell-text {
|
||||
|
|
@ -422,16 +437,15 @@
|
|||
|
||||
.webbpm ag-grid-angular .ag-header .ag-floating-filter-body input {
|
||||
font-family: 'Segoe';
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
min-height: 20px;
|
||||
padding: 2px;
|
||||
border: 1px solid #e3e6ed;
|
||||
border: 1px solid var(--border-light);
|
||||
border-radius: 4px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-root,
|
||||
.webbpm ag-grid-angular .ag-header-row {
|
||||
.webbpm ag-grid-angular :is(.ag-root, .ag-header-row) {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
|
@ -440,7 +454,7 @@
|
|||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-row {
|
||||
border-color: #e3e6ed;
|
||||
border-color: var(--border-light);
|
||||
}
|
||||
.webbpm ag-grid-angular .ag-row::before {
|
||||
display: none;
|
||||
|
|
@ -454,13 +468,12 @@
|
|||
border-width: 1px 0;
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-row.ag-row-odd,
|
||||
.webbpm ag-grid-angular .ag-row.ag-row-selected {
|
||||
.webbpm ag-grid-angular :is(.ag-row.ag-row-odd, .ag-row.ag-row-selected) {
|
||||
background-color: inherit !important;
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-row.ag-row-selected .ag-cell {
|
||||
color: #1c92ea;
|
||||
color: var(--color-link);
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-body-viewport .ag-row.ag-row-hover {
|
||||
|
|
@ -483,8 +496,8 @@
|
|||
|
||||
.webbpm ag-grid-angular .ag-row .ag-cell {
|
||||
display: inline-flex;
|
||||
color: #404954;
|
||||
font-size: 16px;
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-primary);
|
||||
padding: 0 10px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
|
@ -532,7 +545,7 @@
|
|||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-cell.ag-cell-focus.ag-cell-inline-editing input {
|
||||
font-size: 16px;
|
||||
font-size: var(--size-text-primary);
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
|
|
@ -540,42 +553,43 @@
|
|||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-paging-panel {
|
||||
color: #404954;
|
||||
font-size: 14px;
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-secondary);
|
||||
border: 0;
|
||||
border-radius: 12px;
|
||||
background: #f5f7fa;
|
||||
}
|
||||
background: var(--bg-light);
|
||||
|
||||
.webbpm ag-grid-angular .ag-paging-panel .ag-paging-button {
|
||||
.ag-paging-button {
|
||||
display: flex;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border: 1px solid #e3e6ed;
|
||||
border: 1px solid var(--border-light);
|
||||
border-radius: 16px;
|
||||
box-shadow: 0px 0px 6px 2px rgb(77 72 91 / 6%);
|
||||
}
|
||||
.webbpm ag-grid-angular .ag-paging-panel .ag-paging-button:not(:disabled) {
|
||||
|
||||
&:not(:disabled) {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-paging-panel .ag-paging-button > span {
|
||||
& > span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-paging-panel .ag-paging-button + .ag-paging-button {
|
||||
& + .ag-paging-button {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-paging-panel .ag-paging-button[ref="btPrevious"] {
|
||||
&[ref="btPrevious"] {
|
||||
margin-right: 16px;
|
||||
}
|
||||
.webbpm ag-grid-angular .ag-paging-panel .ag-paging-button[ref="btNext"]{
|
||||
&[ref="btNext"]{
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-floating-bottom {
|
||||
border-top: 0;
|
||||
|
|
@ -588,9 +602,9 @@
|
|||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-floating-bottom-container input {
|
||||
color: #404954;
|
||||
color: var(--color-text-primary);
|
||||
font-family: 'SegoeSB';
|
||||
font-size: 16px;
|
||||
font-size: var(--size-text-primary);
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
|
|
@ -612,16 +626,16 @@
|
|||
|
||||
.webbpm .grid-mtm {
|
||||
width: 46%;
|
||||
}
|
||||
.webbpm .grid-mtm + .many-to-many-move-buttons {
|
||||
& + .many-to-many-move-buttons {
|
||||
width: 8%;
|
||||
}
|
||||
.webbpm .grid-mtm + .many-to-many-move-buttons button.btn {
|
||||
& button.btn {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-overlay-loading-center {
|
||||
border: 1px solid #e3e6ed;
|
||||
border: 1px solid var(--border-light);
|
||||
box-shadow: 0px 0px 6px 2px rgb(77 72 91 / 6%);
|
||||
}
|
||||
|
||||
|
|
@ -719,7 +733,7 @@
|
|||
}
|
||||
|
||||
.webbpm editable-grid ag-grid-angular text-area-grid-editor .form-control {
|
||||
font-size: 16px;
|
||||
font-size: var(--size-text-primary);
|
||||
min-height: 100px;
|
||||
border: 0;
|
||||
background-color: #f0f7fd;
|
||||
|
|
@ -808,7 +822,7 @@
|
|||
}
|
||||
|
||||
.webbpm editable-grid ag-grid-angular .ag-popup-editor one-to-may-auto-complete-grid-editor + button-component .btn {
|
||||
color: #404954 !important;
|
||||
color: var(--color-text-primary) !important;
|
||||
white-space: nowrap;
|
||||
padding: 0;
|
||||
background-color: transparent !important;
|
||||
|
|
@ -821,13 +835,13 @@
|
|||
padding: 6px;
|
||||
border: 1px solid #f5f5f5;
|
||||
border-radius: 12px;
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 40px 30px rgb(0 0 0 / 5%), 0px 22px 18px rgb(0 0 0 / 4%), 0px 12.5px 10px rgb(0 0 0 / 4%), 0px 6.5px 5px rgb(0 0 0 / 3%), 0px 2.5px 2px rgb(0 0 0 / 2%);
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-tab-header {
|
||||
border: 0;
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-tab-header .ag-tab {
|
||||
|
|
@ -850,8 +864,8 @@
|
|||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-tab-body {
|
||||
color: #404954;
|
||||
font-size: 14px;
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-secondary);
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
|
@ -860,8 +874,8 @@
|
|||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-menu .ag-menu-option {
|
||||
color: #404954;
|
||||
font-size: 14px;
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-secondary);
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-menu .ag-menu-option-active {
|
||||
|
|
@ -896,14 +910,14 @@
|
|||
width: 300px;
|
||||
border: 1px solid #efefef;
|
||||
border-radius: 12px 0 0 12px;
|
||||
background: #fff;
|
||||
background: var(--white);
|
||||
box-shadow: -2px 0px 12px -6px rgb(0 0 0 / 20%);
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-side-bar .ag-tool-panel-wrapper,
|
||||
.webbpm ag-grid-angular .ag-side-bar .ag-tool-panel-wrapper .ag-filter-toolpanel-header {
|
||||
color: #404954;
|
||||
font-size: 16px;
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-primary);
|
||||
font-weight: normal;
|
||||
background: transparent;
|
||||
}
|
||||
|
|
@ -924,9 +938,9 @@
|
|||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-side-bar .ag-side-buttons .ag-side-button button {
|
||||
color: #404954;
|
||||
color: var(--color-text-primary);
|
||||
font-family: 'Segoe';
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
border: 0;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
|
@ -993,7 +1007,7 @@
|
|||
|
||||
.webbpm ag-grid-angular .ag-side-bar .card-header i {
|
||||
float: none;
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
text-align: center;
|
||||
width: 16px;
|
||||
margin: 0;
|
||||
|
|
@ -1011,12 +1025,12 @@
|
|||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-side-bar .card-block button {
|
||||
color: #404954;
|
||||
color: var(--color-text-primary);
|
||||
min-height: 35px;
|
||||
margin-bottom: 6px;
|
||||
border: 1px solid #e3e6ed;
|
||||
border: 1px solid var(--border-light);
|
||||
border-radius: 8px;
|
||||
background: #fff;
|
||||
background: var(--white);
|
||||
box-shadow: 0px 2px 3px -2px rgb(0 0 0 / 20%);
|
||||
}
|
||||
|
||||
|
|
@ -1042,18 +1056,18 @@
|
|||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-popup .ag-select-list-item {
|
||||
font-size: 16px;
|
||||
font-size: var(--size-text-primary);
|
||||
background: transparent;
|
||||
}
|
||||
.webbpm ag-grid-angular .ag-popup .ag-select-list-item.ag-active-item {
|
||||
color: #1c92ea;
|
||||
color: var(--color-link);
|
||||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-popup .ag-popup-child:not(.ag-tooltip-custom) {
|
||||
padding: 6px 4px;
|
||||
border: 0;
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
box-shadow: 0px 0px 6px 2px rgb(77 72 91 / 12%);
|
||||
}
|
||||
|
||||
|
|
@ -1095,7 +1109,7 @@
|
|||
height: 16px;
|
||||
left: -24px;
|
||||
top: 0;
|
||||
border: 1px solid #fff;
|
||||
border: 1px solid var(--white);
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 1px 2px -1px rgb(0 0 0 / 45%);
|
||||
}
|
||||
|
|
@ -1110,12 +1124,12 @@
|
|||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-overlay-loading-center {
|
||||
color: #404954;
|
||||
font-size: 14px;
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-secondary);
|
||||
padding: 20px;
|
||||
border: 1px solid #f5f5f5;
|
||||
border-radius: 12px;
|
||||
background: #fff;
|
||||
background: var(--white);
|
||||
box-shadow: 0px 100px 80px rgb(0 0 0 / 7%), 0px 40px 30px rgb(0 0 0 / 5%), 0px 22px 18px rgb(0 0 0 / 4%), 0px 12.5px 10px rgb(0 0 0 / 4%), 0px 6.5px 5px rgb(0 0 0 / 3%), 0px 2.5px 2px rgb(0 0 0 / 2%);
|
||||
}
|
||||
|
||||
|
|
@ -1138,7 +1152,7 @@
|
|||
}
|
||||
|
||||
.webbpm ag-grid-angular .ag-filter label {
|
||||
font-size: 16px;
|
||||
font-size: var(--size-text-primary);
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -1151,11 +1165,11 @@
|
|||
border: 0;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0px 0px 30px 2px rgb(77 72 91 / 12%);
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
}
|
||||
|
||||
.webbpm .modal-header {
|
||||
border-bottom: 1px solid #e3e6ed;
|
||||
border-bottom: 1px solid var(--border-light);
|
||||
}
|
||||
|
||||
/*-------------- Containers --------------- */
|
||||
|
|
@ -1176,7 +1190,7 @@
|
|||
margin-bottom: 30px;
|
||||
border: 0;
|
||||
border-radius: 20px;
|
||||
background-color: #e3e6ed;
|
||||
background-color: var(--border-light);
|
||||
}
|
||||
|
||||
.webbpm .nav-tabs .nav-item {
|
||||
|
|
@ -1184,7 +1198,7 @@
|
|||
}
|
||||
|
||||
.webbpm .nav-tabs .nav-link {
|
||||
color: #404954;
|
||||
color: var(--color-text-primary);
|
||||
padding: 6px 14px;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
|
|
@ -1197,10 +1211,10 @@
|
|||
}
|
||||
|
||||
.webbpm .nav-tabs .active .nav-link {
|
||||
color: #fff;
|
||||
color: var(--white);
|
||||
border: 0;
|
||||
border-radius: 20px;
|
||||
background-color: #1c92ea;
|
||||
background-color: var(--color-link);
|
||||
box-shadow: 0px 0px 6px 2px rgb(77 72 91 / 24%);
|
||||
}
|
||||
|
||||
|
|
@ -1217,7 +1231,7 @@
|
|||
.webbpm .fieldset {
|
||||
border: 0;
|
||||
border-radius: 8px;
|
||||
background-color: #f5f7fa;
|
||||
background-color: var(--bg-light);
|
||||
}
|
||||
|
||||
.webbpm collapsible-panel:not(.grid-setting-panel):not(.column-states-panel):not(.filter-states-panel) .card-header,
|
||||
|
|
@ -1243,7 +1257,7 @@
|
|||
|
||||
.webbpm collapsible-panel:not(.grid-setting-panel):not(.column-states-panel):not(.filter-states-panel) .card i {
|
||||
float: none;
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
margin-right: 6px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
|
@ -1321,32 +1335,32 @@
|
|||
}
|
||||
|
||||
.webbpm .calendar .month .day {
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
}
|
||||
|
||||
.webbpm .calendar .month .day.day-start {
|
||||
color: #fff;
|
||||
color: var(--white);
|
||||
border-radius: 4px;
|
||||
background-color: #1c92ea !important;
|
||||
background-color: var(--color-link) !important;
|
||||
}
|
||||
.webbpm .calendar .month .day.day-start .day-content:hover {
|
||||
color: #fff;
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.webbpm .calendar .month .day .day-content:hover {
|
||||
color: #1c92ea;
|
||||
color: var(--color-link);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.webbpm .date .bootstrap-datetimepicker-widget {
|
||||
color: #404954;
|
||||
color: var(--color-text-primary);
|
||||
width: min-content;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
border: 1px solid #e3e6ed;
|
||||
border: 1px solid var(--border-light);
|
||||
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
box-shadow: 0 8px 12px rgb(77 72 91 / 5%), 0 6px 10px rgb(77 72 91 / 0%);
|
||||
}
|
||||
.webbpm .date .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
|
||||
|
|
@ -1356,7 +1370,7 @@
|
|||
}
|
||||
|
||||
.webbpm .date .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
|
||||
color: #1c92ea;
|
||||
color: var(--color-link);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
|
@ -1364,18 +1378,18 @@
|
|||
.webbpm .bootstrap-datetimepicker-widget table td.hour:hover,
|
||||
.webbpm .bootstrap-datetimepicker-widget table td.minute:hover,
|
||||
.webbpm .bootstrap-datetimepicker-widget table td.second:hover {
|
||||
color: #1c92ea;
|
||||
color: var(--color-link);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.webbpm .date .bootstrap-datetimepicker-widget table td.today,
|
||||
.webbpm .date .bootstrap-datetimepicker-widget table td.today:hover {
|
||||
color: #fff !important;
|
||||
background-color: #1c92ea;
|
||||
color: var(--white) !important;
|
||||
background-color: var(--color-link);
|
||||
}
|
||||
|
||||
.webbpm .date .bootstrap-datetimepicker-widget table td.active {
|
||||
color: #404954 !important;
|
||||
color: var(--color-text-primary) !important;
|
||||
text-shadow: none;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
|
@ -1393,9 +1407,9 @@
|
|||
}
|
||||
|
||||
.webbpm .btn-group-viewperiod.btn-group .btn.active {
|
||||
color: #fff !important;
|
||||
border-color: #1c92ea !important;
|
||||
background: #1c92ea !important;
|
||||
color: var(--white) !important;
|
||||
border-color: var(--color-link) !important;
|
||||
background: var(--color-link) !important;
|
||||
box-shadow: 0px 0px 6px 2px rgb(77 72 91 / 6%);
|
||||
}
|
||||
.webbpm .btn-group-viewperiod.btn-group .btn.active:hover,
|
||||
|
|
@ -1415,23 +1429,23 @@
|
|||
}
|
||||
|
||||
.webbpm .cal-week-view .cal-header.cal-weekend span {
|
||||
color: #1c92ea;
|
||||
color: var(--color-link);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.webbpm .cal-month-view .cal-day-badge {
|
||||
height: 20px;
|
||||
background-color: #1c92ea;
|
||||
background-color: var(--color-link);
|
||||
}
|
||||
|
||||
.webbpm .cal-month-view .cal-open-day-events {
|
||||
color: #404954;
|
||||
color: var(--color-text-primary);
|
||||
background-color: #e6ebee;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.webbpm .cal-week-view .cal-event {
|
||||
color: #1c92ea;
|
||||
color: var(--color-link);
|
||||
}
|
||||
/*------------- Calendar - end ------------ */
|
||||
|
||||
|
|
@ -1443,23 +1457,24 @@
|
|||
margin: 30px auto;
|
||||
border: 0;
|
||||
border-radius: 15px;
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
box-shadow: 0px 0px 30px 2px rgb(77 72 91 / 12%);
|
||||
}
|
||||
.webbpm .block-dialog::before {
|
||||
|
||||
&::before {
|
||||
content: "\f332";
|
||||
position: absolute;
|
||||
color: #1c92ea;
|
||||
color: var(--color-link);
|
||||
font-family: bootstrap-icons !important;
|
||||
font-size: 30px;
|
||||
top: 60px;
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
.webbpm .block-dialog .title,
|
||||
.webbpm .block-dialog .title > div > div:last-of-type{
|
||||
.title,
|
||||
.title > div > div:last-of-type{
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
/*---------- Block-dialog - end ----------- */
|
||||
|
||||
/*------------------ Левое меню -------------------*/
|
||||
|
|
@ -1559,7 +1574,7 @@
|
|||
.webbpm .modal-backdrop.show {
|
||||
filter: alpha(opacity=25);
|
||||
opacity: 0.25;
|
||||
background-color: #000;
|
||||
background-color: var(--black);
|
||||
}
|
||||
|
||||
/*------------------ FilePreview ------------------*/
|
||||
|
|
|
|||
223
frontend/src/resources/css/components-lkrp.css
Normal file
223
frontend/src/resources/css/components-lkrp.css
Normal file
|
|
@ -0,0 +1,223 @@
|
|||
|
||||
.webbpm.ervu_lkrp_ul .container-inside > div > div > [page-object] {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul a {
|
||||
color: var(--color-link);
|
||||
|
||||
&:hover;
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .title {
|
||||
font-size: var(--size-text-title);
|
||||
font-family: 'InterB';
|
||||
padding-top: 0;
|
||||
padding-bottom: var(--indent-big);
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .subtitle {
|
||||
font-size: var(--size-text-subtitle);
|
||||
font-family: 'InterSB';
|
||||
|
||||
text {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 48px;
|
||||
position: relative;
|
||||
padding-left: 60px;
|
||||
margin-bottom: 16px;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50px;
|
||||
background-color: var(--color-bg-main);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
}
|
||||
text.icon-case::before {
|
||||
background-image: url(../img/svg/case-wt.svg);
|
||||
}
|
||||
text.icon-shield::before {
|
||||
background-image: url(../img/svg/shield-wt.svg);
|
||||
}
|
||||
text.icon-clip::before {
|
||||
background-image: url(../img/svg/clip-wt.svg);
|
||||
}
|
||||
text.icon-pers::before {
|
||||
background-image: url(../img/svg/pers-wt.svg);
|
||||
}
|
||||
text.icon-building::before {
|
||||
background-image: url(../img/svg/building-wt.svg);
|
||||
}
|
||||
.info {
|
||||
float: none !important;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-left: auto;
|
||||
|
||||
.btn {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
background-color: transparent !important;
|
||||
background-image: url(../img/svg/info.svg);
|
||||
}
|
||||
.tooltip-inner {
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .btn {
|
||||
font-size: var(--size-text-secondary);
|
||||
font-family: 'Inter';
|
||||
color: var(--white);
|
||||
padding: 14px 40px;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
background: var(--color-link);
|
||||
box-shadow: none;
|
||||
|
||||
&:not(:disabled):not(.disabled):hover,
|
||||
&:not(:disabled):not(.disabled):active,
|
||||
&:not(:disabled):not(.disabled):focus {
|
||||
color: var(--white);
|
||||
background-color: var(--color-link-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .left-block {
|
||||
width: 75%;
|
||||
padding-right: var(--indent-medium);
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .right-block {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .fieldset {
|
||||
padding: 24px;
|
||||
margin-bottom: 0;
|
||||
border: 1px solid var(--border-light);
|
||||
border-radius: 4px;
|
||||
background-color: var(--bg-light);
|
||||
box-shadow: none;
|
||||
|
||||
legend + div {
|
||||
padding: 0;
|
||||
}
|
||||
.form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .left-block .fieldset {
|
||||
.link {
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-secondary);
|
||||
padding-left: 20px;
|
||||
background: url(../img/svg/pin.svg) 0 50% no-repeat;
|
||||
}
|
||||
hyper-link, button-component:not(.info) {
|
||||
display: block;
|
||||
padding-top: 16px;
|
||||
margin-top: 16px;
|
||||
border-top: 1px solid var(--border-light);
|
||||
}
|
||||
hyper-link + hyper-link {
|
||||
padding-top: 0;
|
||||
margin-top: 12px;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .right-block .fieldset {
|
||||
font-size: var(--size-text-secondary);
|
||||
padding-top: 52px;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../img/svg/doc.svg);
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul field-set + field-set {
|
||||
margin-top: var(--indent-medium);
|
||||
}
|
||||
|
||||
/*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/
|
||||
@media (max-width: 1024px) {
|
||||
.webbpm.ervu_lkrp_ul .main-block {
|
||||
& > .horizontal-container {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
.left-block {
|
||||
padding-right: 0;
|
||||
margin-top: var(--indent-medium);
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .right-block {
|
||||
width: 100%;
|
||||
|
||||
.fieldset {
|
||||
padding-top: 20px;
|
||||
|
||||
&::before {
|
||||
top: 20px;
|
||||
left: auto;
|
||||
right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .left-block {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.webbpm.ervu_lkrp_ul .left-block {
|
||||
.subtitle text {
|
||||
padding: 60px 0 0;
|
||||
|
||||
&::before {
|
||||
top: 0;
|
||||
left: calc(50% - 48px/2 + 12px);
|
||||
}
|
||||
}
|
||||
.fieldset {
|
||||
legend + div > hbox:not(.subtitle) > .horizontal-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
button-component:not(.info) {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
button-component.info {
|
||||
display: none;
|
||||
margin-top: 58px;
|
||||
}
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -19,22 +19,12 @@
|
|||
src: url('../fonts/SegoeBL.ttf');
|
||||
}
|
||||
|
||||
.webbpm a {
|
||||
color: #1c92ea;
|
||||
}
|
||||
.webbpm a:hover,
|
||||
.webbpm a:focus,
|
||||
.webbpm a:active {
|
||||
color: #1b84d2;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body.webbpm {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
color: #404954;
|
||||
color: var(--color-text-primary);
|
||||
font-family: 'Segoe';
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
}
|
||||
|
||||
.webbpm .container {
|
||||
|
|
@ -44,7 +34,7 @@ body.webbpm {
|
|||
body.webbpm [id="page"],
|
||||
.webbpm .container .container-inside {
|
||||
font-family: 'Segoe';
|
||||
font-size: 16px;
|
||||
font-size: var(--size-text-primary);
|
||||
}
|
||||
|
||||
.webbpm .logo {
|
||||
|
|
@ -52,103 +42,100 @@ body.webbpm [id="page"],
|
|||
width: auto;
|
||||
}
|
||||
|
||||
.webbpm .header-logo {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-left: 40px;
|
||||
|
||||
.logo a {
|
||||
background: url('../../../src/resources/img/logo-full.png') no-repeat 0 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm .header-menu {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-left: auto;
|
||||
margin-right: 40px;
|
||||
& > * {
|
||||
margin-right: 20px;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--white);
|
||||
font-size: var(--size-text-primary);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-radius: 15px;
|
||||
background-color: var(--color-text-primary);
|
||||
outline: transparent;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: var(--color-link);
|
||||
}
|
||||
}
|
||||
.logout .user-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
color: var(--black);
|
||||
padding: 4px 20px;
|
||||
background: transparent;
|
||||
cursor: default;
|
||||
|
||||
& > * {
|
||||
display: flex;
|
||||
padding-bottom: 10px;
|
||||
margin: 0 0 10px 0;
|
||||
border-bottom: 1px solid #f1f5f9;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.user-fio {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.user-department {
|
||||
color: #a0b1bc;
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm .header {
|
||||
display: flex;
|
||||
font-family: 'Segoe';
|
||||
width: 100%;
|
||||
height: auto;
|
||||
min-height: 70px;
|
||||
border-bottom: 1px solid #f5f7fa;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid var(--bg-light);
|
||||
background: var(--white);
|
||||
box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 4%);
|
||||
}
|
||||
|
||||
.webbpm .header-logo {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.webbpm .header-logo .logo a {
|
||||
background: url('../../../src/resources/img/logo-full.png') no-repeat 0 50%;
|
||||
}
|
||||
|
||||
.webbpm .header-menu {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-left: auto;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.webbpm .header > div > * {
|
||||
& > div > * {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.webbpm .header-menu > * {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.webbpm .header-menu > *:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.webbpm .header-menu .nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-radius: 15px;
|
||||
background-color: #404954;
|
||||
outline: transparent;
|
||||
}
|
||||
.webbpm .header-menu .nav-link::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.webbpm .header-menu .nav-link:hover,
|
||||
.webbpm .header-menu .nav-link:focus,
|
||||
.webbpm .header-menu .nav-link:active {
|
||||
background-color: #1c92ea;
|
||||
}
|
||||
|
||||
.webbpm .header-menu .logout .user-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
color: #000;
|
||||
padding: 4px 20px;
|
||||
background: transparent;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.webbpm .header-menu .user-info > * {
|
||||
display: flex;
|
||||
padding-bottom: 10px;
|
||||
margin: 0 0 10px 0;
|
||||
border-bottom: 1px solid #f1f5f9;
|
||||
}
|
||||
.webbpm .header-menu .user-info > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.webbpm .header-menu .user-info .user-fio {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.webbpm .header-menu .user-info .user-department {
|
||||
color: #a0b1bc;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.webbpm .header .dropdown-menu.show {
|
||||
.dropdown-menu.show {
|
||||
top: 69px !important;
|
||||
right: 0px !important;
|
||||
left: auto !important;
|
||||
|
|
@ -156,23 +143,23 @@ body.webbpm [id="page"],
|
|||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 0 0 10px 10px;
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
box-shadow: 0 8px 12px rgb(77 72 91 / 5%), 0 6px 10px rgb(77 72 91 / 0%);
|
||||
}
|
||||
|
||||
.webbpm .header .nav-item .dropdown-menu.show .dropdown-menu-inner {
|
||||
.dropdown-menu-inner {
|
||||
max-height: calc(100vh - 140px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm .header process .dropdown-menu.show,
|
||||
.webbpm .header admin-menu .dropdown-menu.show {
|
||||
:is(process, admin-menu) .dropdown-menu.show {
|
||||
top: 49px !important;
|
||||
}
|
||||
|
||||
.webbpm .header .logout .dropdown-menu.show {
|
||||
.logout .dropdown-menu.show {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm .dropdown-menu-inner:hover {
|
||||
background-color: transparent;
|
||||
|
|
@ -180,65 +167,64 @@ body.webbpm [id="page"],
|
|||
|
||||
.webbpm .dropdown-item {
|
||||
padding: 4px 20px;
|
||||
}
|
||||
|
||||
.webbpm .dropdown-item:hover,
|
||||
.webbpm .dropdown-item:focus,
|
||||
.webbpm .dropdown-item:active {
|
||||
color: #1c92ea;
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: var(--color-link);
|
||||
background-color: transparent;
|
||||
outline: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm footer {
|
||||
color: #404954;
|
||||
font-size: 14px;
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-secondary);
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 15px 40px;
|
||||
border-top: 1px solid #e3e6ed;
|
||||
border-top: 1px solid var(--border-light);
|
||||
a {
|
||||
color: var(--color-text-primary);
|
||||
&:hover {
|
||||
color: var(--color-link);
|
||||
}
|
||||
|
||||
.webbpm footer a {
|
||||
color: #404954;
|
||||
}
|
||||
.webbpm footer a:hover {
|
||||
color: #1c92ea;
|
||||
}
|
||||
|
||||
/*-------------- Menu tasks -------------- */
|
||||
.webbpm .task-list-tree-panel {
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter {
|
||||
.task-list-filter {
|
||||
font-family: 'Segoe';
|
||||
box-shadow: none;
|
||||
|
||||
li:first-of-type {
|
||||
font-family: 'SegoeSB';
|
||||
font-weight: normal;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
li.ontime label div {
|
||||
background-color: #31c980;
|
||||
}
|
||||
|
||||
li.overdue label div {
|
||||
background-color: var(--color-link);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm .task-list-workplace {
|
||||
padding: 20px 40px 0 40px;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter li:first-of-type {
|
||||
font-family: 'SegoeSB';
|
||||
font-weight: normal;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.webbpm .task-tbl .tr.task-ontime > .td.task::before,
|
||||
.webbpm .task-tbl .tr.task-overdue > .td.task::before {
|
||||
.webbpm .task-tbl :is(.tr.task-ontime, .tr.task-overdue) > .td.task::before {
|
||||
top: 24px;
|
||||
background-color: #31c980;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter li.ontime label div {
|
||||
background-color: #31c980;
|
||||
}
|
||||
|
||||
.webbpm .task-tbl .tr.task-overdue > .td.task::before,
|
||||
.webbpm .task-list-tree-panel .task-list-filter li.overdue label div {
|
||||
background-color: #1c92ea;
|
||||
.webbpm .task-tbl .tr.task-overdue > .td.task::before {
|
||||
background-color: var(--color-link);
|
||||
}
|
||||
|
||||
.webbpm .task-tbl .thead {
|
||||
|
|
@ -248,13 +234,13 @@ body.webbpm [id="page"],
|
|||
}
|
||||
|
||||
.webbpm .task-tbl .th {
|
||||
color: #404954;
|
||||
color: var(--color-text-primary);
|
||||
font-family: 'SegoeSB';
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
font-weight: normal;
|
||||
padding: 9px 12px;
|
||||
border: 0;
|
||||
background: #f5f7fa;
|
||||
background: var(--bg-light);
|
||||
}
|
||||
.webbpm .task-tbl .th:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
|
|
@ -266,14 +252,14 @@ body.webbpm [id="page"],
|
|||
}
|
||||
|
||||
.webbpm .task-tbl .td {
|
||||
color: #404954;
|
||||
font-size: 16px;
|
||||
color: var(--color-text-primary);
|
||||
font-size: var(--size-text-primary);
|
||||
padding: 16px 12px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.webbpm .task-tbl .thead ~ .tr {
|
||||
border-color: #e3e6ed;
|
||||
border-color: var(--border-light);
|
||||
border-width: 1px 0 0 0;
|
||||
border-style: solid;
|
||||
}
|
||||
|
|
@ -303,21 +289,18 @@ body.webbpm [id="page"],
|
|||
/*------------- end Menu tasks ----------- */
|
||||
|
||||
/*----------------- Login ---------------- */
|
||||
.webbpm .form-signin,
|
||||
.webbpm .form-signup,
|
||||
.webbpm .confirm {
|
||||
color: #404954;
|
||||
.webbpm :is(.form-signin, .form-signup, .confirm) {
|
||||
color: var(--color-text-primary);
|
||||
width: 560px;
|
||||
padding: 60px 80px;
|
||||
margin: 30px auto;
|
||||
border: 0;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0px 0px 30px 2px rgb(77 72 91 / 12%);
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
}
|
||||
|
||||
.webbpm .form-signin .row.title,
|
||||
.webbpm .form-signup .row.title {
|
||||
.webbpm :is(.form-signin, .form-signup) .row.title {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -332,9 +315,7 @@ body.webbpm [id="page"],
|
|||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.webbpm .form-signin .logo,
|
||||
.webbpm .form-signup .logo,
|
||||
.webbpm .confirm .logo {
|
||||
.webbpm :is(.form-signin, .form-signup, .confirm) .logo {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
right: 0;
|
||||
|
|
|
|||
190
frontend/src/resources/css/inbox-lkrp.css
Normal file
190
frontend/src/resources/css/inbox-lkrp.css
Normal file
|
|
@ -0,0 +1,190 @@
|
|||
@font-face {
|
||||
font-family: 'Inter';
|
||||
src: url('../fonts/Inter-Regular.otf');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'InterM';
|
||||
src: url('../fonts/Inter-Medium.otf');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'InterSB';
|
||||
src: url('../fonts/Inter-SemiBold.otf');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'InterB';
|
||||
src: url('../fonts/Inter-Bold.otf');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
body {
|
||||
-ms-text-size-adjust: 100%;
|
||||
-moz-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul {
|
||||
--color-text-primary: #1d1e21;
|
||||
--color-link: #c64e1b;
|
||||
--color-link-hover: #fa773f;
|
||||
--color-bg-main: #223d36;
|
||||
--bg-light: #fafafa;
|
||||
--border-light: #d2d2d2;
|
||||
|
||||
--h-header: 64px;
|
||||
--h-footer: 120px;
|
||||
--w-screen: 75px;
|
||||
|
||||
--size-text-title: 36px;
|
||||
--size-text-subtitle: 20px;
|
||||
--size-text-primary: 18px;
|
||||
--size-text-secondary: 16px;
|
||||
|
||||
--indent-huge: 48px;
|
||||
--indent-big: 40px;
|
||||
--indent-medium: 32px;
|
||||
--indent-small: 24px;
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul a {
|
||||
color: var(--color-link);
|
||||
text-decoration: none;
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: var(--color-link-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .header {
|
||||
min-height: var(--h-header);
|
||||
border: 0;
|
||||
background-color: var(--color-bg-main);
|
||||
|
||||
.header-logo {
|
||||
margin-left: var(--w-screen);
|
||||
|
||||
.logo a {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url(../img/svg/logo.svg) no-repeat 0 50%;
|
||||
}
|
||||
.main-page {
|
||||
margin-left: calc(32px + 24px);
|
||||
a {
|
||||
color: var(--white);
|
||||
font-family: 'InterSB';
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-menu {
|
||||
margin-right: var(--w-screen);
|
||||
|
||||
.logout.show {
|
||||
max-width: max-content;
|
||||
}
|
||||
.user-info {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
color: var(--white);
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
|
||||
&.dropdown-toggle::before {
|
||||
display: inline-block;
|
||||
content: "";
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 8px;
|
||||
background-image: url(../img/svg/user-wt.svg);
|
||||
}
|
||||
&.dropdown-toggle::after {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border: 0;
|
||||
background-image: url(../img/svg/arrow-down-wt.svg);
|
||||
}
|
||||
}
|
||||
.dropdown-menu.show {
|
||||
top: var(--h-header) !important;
|
||||
padding: 8px 0;
|
||||
border-radius: 4px;
|
||||
background-color: var(--white);
|
||||
box-shadow: 0 6px 16px 0 rgba(230, 230, 230, 0.11), 0 1px 4px 0 #f3f3f3;
|
||||
|
||||
.user-department {
|
||||
color: var(--color-text-primary);
|
||||
font-family: 'InterB';
|
||||
padding: 8px 16px;
|
||||
}
|
||||
& > button {
|
||||
position: relative;
|
||||
padding: 8px 16px 8px calc(16px + 32px);
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 16px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../img/svg/exit.svg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul footer {
|
||||
height: var(--h-footer);
|
||||
border: 0;
|
||||
background-color: var(--color-text-primary);
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .container {
|
||||
padding-top: var(--h-header);
|
||||
bottom: var(--h-footer);
|
||||
|
||||
.container-inside {
|
||||
font-family: 'Inter';
|
||||
padding: var(--indent-huge) var(--w-screen);
|
||||
}
|
||||
}
|
||||
|
||||
@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {
|
||||
.webbpm.ervu_lkrp_ul {
|
||||
--w-screen: 32px;
|
||||
|
||||
--size-text-title: 28px;
|
||||
|
||||
--indent-huge: 32px;
|
||||
--indent-big: 24px;
|
||||
--indent-medium: 24px;
|
||||
--indent-small: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.webbpm.ervu_lkrp_ul {
|
||||
--w-screen: 16px;
|
||||
|
||||
--size-text-title: 24px;
|
||||
|
||||
--indent-huge: 24px;
|
||||
--indent-big: 24px;
|
||||
--indent-medium: 16px;
|
||||
--indent-small: 16px;
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .header .main-page {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,3 +1,17 @@
|
|||
:root {
|
||||
--white: #ffffff;
|
||||
--black: #000000;
|
||||
--color-text-primary: #404954;
|
||||
--color-link: #1c92ea;
|
||||
--color-link-hover: #1b84d2;
|
||||
--bg-light: #f5f7fa;
|
||||
--bg-secondary: #4c5969;
|
||||
--border-light: #e3e6ed;
|
||||
|
||||
--size-text-primary: 16px;
|
||||
--size-text-secondary: 14px;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
@ -9,11 +23,6 @@
|
|||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
body.webbpm {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
body.webbpm .form-signin label {
|
||||
width: 160px;
|
||||
margin-right: 0;
|
||||
|
|
@ -46,10 +55,6 @@ body.webbpm .form-signin label {
|
|||
}
|
||||
|
||||
/*-- common class --*/
|
||||
.webbpm a {
|
||||
color: #428bca;
|
||||
}
|
||||
|
||||
.webbpm .fl-left {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -63,27 +68,22 @@ body.webbpm .form-signin label {
|
|||
clear: both;
|
||||
}
|
||||
|
||||
.webbpm ul li, .webbpm ol li {
|
||||
.webbpm :is(ul, ol) li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.webbpm h1, .webbpm h2, .webbpm h3 {
|
||||
.webbpm :is(h1, h2, h3) {
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.webbpm h1 {
|
||||
font-size: 2.33em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.webbpm h2 {
|
||||
font-size: 2em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.webbpm h3 {
|
||||
font-size: 1.5em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.webbpm .table {
|
||||
|
|
@ -108,7 +108,7 @@ html, body.webbpm {
|
|||
body.webbpm {
|
||||
background-color: #f9f9fa;
|
||||
font-family: Arial;
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -132,26 +132,25 @@ body.webbpm {
|
|||
bottom: 50px;
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.webbpm .container [ng-include="taskPageFile"] {
|
||||
[ng-include="taskPageFile"] {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.webbpm .container .container-inside {
|
||||
.container-inside {
|
||||
font-family: Arial;
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
position: relative;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm footer {
|
||||
position: absolute;
|
||||
color: #000;
|
||||
color: var(--black);
|
||||
font-size: 12px;
|
||||
bottom: 0;
|
||||
left: 15px;
|
||||
|
|
@ -160,18 +159,30 @@ body.webbpm {
|
|||
padding: 15px 0;
|
||||
border-top: 1px solid #c1c1c1;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.webbpm footer span + span {
|
||||
span + span {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
/*--------- TOP MENU ----------*/
|
||||
.webbpm .logo {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
float: left;
|
||||
|
||||
a {
|
||||
width: 200px;
|
||||
height: 67px;
|
||||
position: absolute;
|
||||
background: url("../img/logo.png") no-repeat 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm .header {
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
color: var(--white);
|
||||
font-family: Corbel;
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
|
@ -182,28 +193,9 @@ body.webbpm {
|
|||
padding: 0;
|
||||
background: #b9c0ca;
|
||||
z-index: 997;
|
||||
}
|
||||
|
||||
.webbpm .logo {
|
||||
display: inline-block;
|
||||
margin: 4px 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.webbpm .logo,
|
||||
.webbpm .logo a {
|
||||
margin: 0;
|
||||
width: 200px;
|
||||
height: 67px;
|
||||
}
|
||||
|
||||
.webbpm .logo a {
|
||||
position: absolute;
|
||||
background: url("../img/logo.png") no-repeat 0 0;
|
||||
}
|
||||
|
||||
.webbpm .header .nav .nav-link {
|
||||
color: #fff;
|
||||
.nav .nav-link {
|
||||
color: var(--white);
|
||||
float: none;
|
||||
display: block;
|
||||
line-height: 60px;
|
||||
|
|
@ -212,9 +204,10 @@ body.webbpm {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.webbpm .header .nav .nav-link:hover {
|
||||
.nav .nav-link:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm .dropdown-menu {
|
||||
background-color: #eee;
|
||||
|
|
@ -267,7 +260,6 @@ body.webbpm {
|
|||
}
|
||||
|
||||
/*--------------task-list------------------*/
|
||||
|
||||
.task-list {
|
||||
font-size: 0;
|
||||
height: 100%;
|
||||
|
|
@ -279,7 +271,7 @@ body.webbpm {
|
|||
float: left;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
}
|
||||
|
||||
.task-list-tree-panel {
|
||||
|
|
@ -309,7 +301,7 @@ body.webbpm {
|
|||
top: 0;
|
||||
border: 1px solid rgb(206, 212, 219);
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
background-color: var(--white);
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
|
|
@ -337,7 +329,7 @@ body.webbpm {
|
|||
border-radius: 3px;
|
||||
min-width: 25px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.task-list-tree-panel .task-list-filter li.ontime label span {
|
||||
|
|
@ -354,7 +346,7 @@ body.webbpm {
|
|||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: #565968;
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
|
|
@ -371,7 +363,7 @@ body.webbpm {
|
|||
|
||||
/*---------------table-list----------------*/
|
||||
.task-tbl {
|
||||
background: #fff;
|
||||
background: var(--white);
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
|
@ -488,7 +480,7 @@ body.webbpm {
|
|||
|
||||
.webbpm .container .task-not-found-container {
|
||||
display: table-cell;
|
||||
color: #000;
|
||||
color: var(--black);
|
||||
font-size: 1.8em;
|
||||
background-color: #c9d4e0;
|
||||
text-align: center;
|
||||
|
|
@ -500,7 +492,7 @@ body.webbpm {
|
|||
}
|
||||
|
||||
.webbpm .container .task-not-found-container > div:first-child {
|
||||
color: #fff;
|
||||
color: var(--white);
|
||||
font-size: 7.8em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
@ -575,13 +567,13 @@ body.webbpm {
|
|||
}
|
||||
|
||||
.webbpm .task-list > .task-list-tree-panel {
|
||||
background: #fff;
|
||||
background: var(--white);
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.webbpm .task-list > .task-list-tree-panel,
|
||||
.webbpm .task-list > .task-list-workplace {
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
float: none;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
|
@ -592,35 +584,33 @@ body.webbpm {
|
|||
font-family: Corbel;
|
||||
margin: 0;
|
||||
box-shadow: 0px 4px 10px -5px rgba(40, 40, 40, 0.3);
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter ul {
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter li {
|
||||
li {
|
||||
display: inline-block;
|
||||
padding: 12px 0px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter li:first-of-type {
|
||||
&:first-of-type {
|
||||
font-size: 1.4em;
|
||||
font-weight: bold;
|
||||
width: 197px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter li::before {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter li label {
|
||||
label {
|
||||
font-size: 1.3em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter li label div {
|
||||
label div {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
|
|
@ -628,22 +618,22 @@ body.webbpm {
|
|||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter li.ontime label div {
|
||||
&.ontime label div {
|
||||
background-color: #2da6a1;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter li.overdue label div {
|
||||
&.overdue label div {
|
||||
background-color: #9c5d7a;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter li label input[type="radio"] {
|
||||
label input[type="radio"] {
|
||||
float: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.webbpm .task-list-tree-panel .task-list-filter li label span {
|
||||
label span {
|
||||
float: none;
|
||||
color: #000;
|
||||
color: var(--black);
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
min-width: auto;
|
||||
|
|
@ -652,10 +642,12 @@ body.webbpm {
|
|||
background-color: transparent;
|
||||
}
|
||||
|
||||
.task-list-tree-panel .task-list-filter li label input[type="radio"].ng-valid-parse ~ span {
|
||||
label input[type="radio"].ng-valid-parse ~ span {
|
||||
background-color: #eaedf2;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
/*-------------- end НОВЫЙ ДИЗАЙН --------------*/
|
||||
|
||||
.webbpm .dialog-stack-trace {
|
||||
|
|
@ -675,15 +667,13 @@ body.webbpm {
|
|||
}
|
||||
|
||||
/*-- login --*/
|
||||
.webbpm .form-signin,
|
||||
.webbpm .form-signup,
|
||||
.webbpm .confirm {
|
||||
.webbpm :is(.form-signin, .form-signup, .confirm) {
|
||||
color: #333;
|
||||
width: 580px;
|
||||
padding: 80px 100px;
|
||||
margin: 20px auto;
|
||||
border: 1px solid #b2b6b8;
|
||||
background: #fff;
|
||||
border: 1px solid var(--bg-light);
|
||||
background: var(--white);
|
||||
}
|
||||
|
||||
.webbpm .form-signin.esia {
|
||||
|
|
@ -700,8 +690,7 @@ body.webbpm {
|
|||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.webbpm .form-signin.esia h1,
|
||||
.webbpm .form-signin.esia h2 {
|
||||
.webbpm .form-signin.esia :is(h1, h2) {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
|
@ -712,7 +701,7 @@ body.webbpm {
|
|||
|
||||
.webbpm .form-signin input {
|
||||
width: 240px;
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
|
@ -721,8 +710,7 @@ body.webbpm {
|
|||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.webbpm .form-signin .row,
|
||||
.webbpm .form-signup .row {
|
||||
.webbpm :is(.form-signin, .form-signup) .row {
|
||||
display: flex;
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
|
@ -730,7 +718,7 @@ body.webbpm {
|
|||
.webbpm .registration-link,
|
||||
.webbpm .login-link {
|
||||
margin-right: 20px;
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
}
|
||||
|
||||
.webbpm .form-signin .row.registration {
|
||||
|
|
@ -768,11 +756,10 @@ body.webbpm {
|
|||
|
||||
.webbpm .form-signin .has-error .help-block {
|
||||
padding-left: 125px;
|
||||
font-size: 14px;
|
||||
font-size: var(--size-text-secondary);
|
||||
}
|
||||
|
||||
.webbpm .form-signup .has-account a {
|
||||
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -8,3 +8,5 @@
|
|||
@import "structure.css";
|
||||
@import "inbox-app.css";
|
||||
@import "components-app.css";
|
||||
@import "inbox-lkrp.css";
|
||||
@import "components-lkrp.css";
|
||||
BIN
frontend/src/resources/fonts/Inter-Bold.otf
Normal file
BIN
frontend/src/resources/fonts/Inter-Bold.otf
Normal file
Binary file not shown.
BIN
frontend/src/resources/fonts/Inter-Light.otf
Normal file
BIN
frontend/src/resources/fonts/Inter-Light.otf
Normal file
Binary file not shown.
BIN
frontend/src/resources/fonts/Inter-Medium.otf
Normal file
BIN
frontend/src/resources/fonts/Inter-Medium.otf
Normal file
Binary file not shown.
BIN
frontend/src/resources/fonts/Inter-Regular.otf
Normal file
BIN
frontend/src/resources/fonts/Inter-Regular.otf
Normal file
Binary file not shown.
BIN
frontend/src/resources/fonts/Inter-SemiBold.otf
Normal file
BIN
frontend/src/resources/fonts/Inter-SemiBold.otf
Normal file
Binary file not shown.
BIN
frontend/src/resources/fonts/Inter-Thin.otf
Normal file
BIN
frontend/src/resources/fonts/Inter-Thin.otf
Normal file
Binary file not shown.
4
frontend/src/resources/img/svg/arrow-down-wt.svg
Normal file
4
frontend/src/resources/img/svg/arrow-down-wt.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.29537 10.7195C5.90154 10.3261 5.90154 9.68836 6.29537 9.29501C6.68919 8.90166 7.3277 8.90166 7.72152 9.29501L12.7131 14.2805C13.1069 14.6739 13.1069 15.3116 12.7131 15.705C12.3193 16.0983 11.6807 16.0983 11.2869 15.705L6.29537 10.7195Z" fill="white"/>
|
||||
<path d="M16.2785 9.29516C16.6723 8.90181 17.3108 8.90181 17.7046 9.29516C18.0985 9.68851 18.0985 10.3263 17.7046 10.7196L12.7131 15.705C12.3193 16.0983 11.6807 16.0983 11.2869 15.705C10.8931 15.3116 10.8931 14.674 11.2869 14.2807L16.2785 9.29516Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 631 B |
8
frontend/src/resources/img/svg/building-wt.svg
Normal file
8
frontend/src/resources/img/svg/building-wt.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.26814 12.0027H4.24414C3.41571 12.0027 2.74414 12.6743 2.74414 13.5027L2.74414 21.2559H8.26814" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
<path d="M8.26758 4.25158L8.26758 21.2549H21.2676V4.25158C21.2676 3.42315 20.596 2.75158 19.7676 2.75158H9.76758C8.93915 2.75158 8.26758 3.42315 8.26758 4.25158Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
<path d="M12.3672 9.55371V8.05371" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path d="M17.168 8.05371V9.55371" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path d="M12.3672 15.9541V14.4541" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path d="M17.168 14.4541V15.9541" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 867 B |
3
frontend/src/resources/img/svg/case-wt.svg
Normal file
3
frontend/src/resources/img/svg/case-wt.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7158 3C9.35852 3 8.20421 3.9903 7.99782 5.33184L7.89503 6H4C2.89543 6 2 6.89543 2 8V18C2 19.6569 3.34315 21 5 21H19C20.6569 21 22 19.6569 22 18V8C22 6.89543 21.1046 6 20 6H16.105L16.0022 5.33184C15.7958 3.99031 14.6415 3 13.2842 3H10.7158ZM14.5873 6L14.5196 5.55993C14.4258 4.95014 13.9011 4.5 13.2842 4.5H10.7158C10.0989 4.5 9.57419 4.95014 9.48038 5.55993L9.41268 6H14.5873ZM4 7.5H20C20.2761 7.5 20.5 7.72386 20.5 8V10.9297C18.8456 11.9818 16.9613 12.684 15 13.0362V13C15 11.8954 14.1046 11 13 11H11C9.89543 11 9 11.8954 9 13V13.0362C7.03871 12.684 5.1544 11.9818 3.5 10.9297V8C3.5 7.72386 3.72386 7.5 4 7.5ZM9 14.5582C7.06675 14.2404 5.19401 13.6122 3.5 12.6736V18C3.5 18.8284 4.17157 19.5 5 19.5H19C19.8284 19.5 20.5 18.8284 20.5 18V12.6736C18.806 13.6122 16.9332 14.2404 15 14.5582V15C15 16.1046 14.1046 17 13 17H11C9.89543 17 9 16.1046 9 15V14.5582ZM11 12.5H13C13.2761 12.5 13.5 12.7239 13.5 13V15C13.5 15.2761 13.2761 15.5 13 15.5H11C10.7239 15.5 10.5 15.2761 10.5 15V13C10.5 12.7239 10.7239 12.5 11 12.5Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
3
frontend/src/resources/img/svg/case.svg
Normal file
3
frontend/src/resources/img/svg/case.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7158 3C9.35852 3 8.20421 3.9903 7.99782 5.33184L7.89503 6H4C2.89543 6 2 6.89543 2 8V18C2 19.6569 3.34315 21 5 21H19C20.6569 21 22 19.6569 22 18V8C22 6.89543 21.1046 6 20 6H16.105L16.0022 5.33184C15.7958 3.99031 14.6415 3 13.2842 3H10.7158ZM14.5873 6L14.5196 5.55993C14.4258 4.95014 13.9011 4.5 13.2842 4.5H10.7158C10.0989 4.5 9.57419 4.95014 9.48038 5.55993L9.41268 6H14.5873ZM4 7.5H20C20.2761 7.5 20.5 7.72386 20.5 8V10.9297C18.8456 11.9818 16.9613 12.684 15 13.0362V13C15 11.8954 14.1046 11 13 11H11C9.89543 11 9 11.8954 9 13V13.0362C7.03871 12.684 5.1544 11.9818 3.5 10.9297V8C3.5 7.72386 3.72386 7.5 4 7.5ZM9 14.5582C7.06675 14.2404 5.19401 13.6122 3.5 12.6736V18C3.5 18.8284 4.17157 19.5 5 19.5H19C19.8284 19.5 20.5 18.8284 20.5 18V12.6736C18.806 13.6122 16.9332 14.2404 15 14.5582V15C15 16.1046 14.1046 17 13 17H11C9.89543 17 9 16.1046 9 15V14.5582ZM11 12.5H13C13.2761 12.5 13.5 12.7239 13.5 13V15C13.5 15.2761 13.2761 15.5 13 15.5H11C10.7239 15.5 10.5 15.2761 10.5 15V13C10.5 12.7239 10.7239 12.5 11 12.5Z" fill="#C64E1B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
7
frontend/src/resources/img/svg/clip-wt.svg
Normal file
7
frontend/src/resources/img/svg/clip-wt.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M18.4938 17.7404L18.4938 12.3538C18.4938 11.636 17.9119 11.0541 17.1941 11.0542C16.4783 11.0542 15.8973 11.633 15.8945 12.3488L15.8757 18.0897C15.8701 19.5264 17.0283 20.6967 18.465 20.706C19.911 20.7154 21.0882 19.5458 21.0882 18.0998L21.0882 13.935" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path d="M18.4766 7.7563V2.46671C18.4766 1.91442 18.0288 1.46671 17.4766 1.46671H5.35156C4.79928 1.46671 4.35156 1.91443 4.35156 2.46671V18.0459H11.4141" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.96094 11.335L8.96094 13.3369" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M13.8672 5.21777L13.8672 7.21973" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.96094 5.21777L8.96094 7.21973" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1 KiB |
3
frontend/src/resources/img/svg/doc.svg
Normal file
3
frontend/src/resources/img/svg/doc.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.3333 20.5H6.66667C6.02233 20.5 5.5 19.9777 5.5 19.3333V4.66667C5.5 4.02233 6.02233 3.5 6.66667 3.5H13.2031C13.5068 3.5 13.7986 3.61845 14.0163 3.83017L18.1466 7.8457C18.3725 8.06536 18.5 8.36707 18.5 8.68219V19.3333C18.5 19.9777 17.9777 20.5 17.3333 20.5ZM4 4.66667C4 3.19391 5.19391 2 6.66667 2H13.2031C13.8973 2 14.5642 2.27074 15.062 2.75468L19.1922 6.7702C19.7086 7.27229 20 7.96192 20 8.68219V19.3333C20 20.8061 18.8061 22 17.3333 22H6.66667C5.19391 22 4 20.8061 4 19.3333V4.66667ZM16 10.5H8V9H16V10.5ZM8 13.75H16V12.25H8V13.75ZM8 17H16V15.5H8V17Z" fill="#C64E1B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 727 B |
3
frontend/src/resources/img/svg/exit.svg
Normal file
3
frontend/src/resources/img/svg/exit.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 3.5H17C17.2761 3.5 17.5 3.72386 17.5 4V20C17.5 20.2761 17.2761 20.5 17 20.5H7C6.72386 20.5 6.5 20.2761 6.5 20V12.75H10.442L8.7148 14.4772L9.77546 15.5379L12.7807 12.5327C13.0736 12.2398 13.0736 11.7649 12.7807 11.472L9.77545 8.4668L8.71479 9.52746L10.4373 11.25H6.5V4C6.5 3.72386 6.72386 3.5 7 3.5ZM5 11.25V4C5 2.89543 5.89543 2 7 2H17C18.1046 2 19 2.89543 19 4V20C19 21.1046 18.1046 22 17 22H7C5.89543 22 5 21.1046 5 20V12.75H3V11.25H5Z" fill="#C64E1B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 611 B |
3
frontend/src/resources/img/svg/info.svg
Normal file
3
frontend/src/resources/img/svg/info.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 12.5059C20.5 17.2003 16.6944 21.0059 12 21.0059C7.30558 21.0059 3.5 17.2003 3.5 12.5059C3.5 7.81144 7.30558 4.00586 12 4.00586C16.6944 4.00586 20.5 7.81144 20.5 12.5059ZM22 12.5059C22 18.0287 17.5228 22.5059 12 22.5059C6.47715 22.5059 2 18.0287 2 12.5059C2 6.98301 6.47715 2.50586 12 2.50586C17.5228 2.50586 22 6.98301 22 12.5059ZM12.966 7.70586V9.55386H11.034V7.70586H12.966ZM11.118 17.5059V11.0059H12.882V17.5059H11.118Z" fill="#C64E1B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 599 B |
28
frontend/src/resources/img/svg/logo.svg
Normal file
28
frontend/src/resources/img/svg/logo.svg
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_338_1251)">
|
||||
<mask id="mask0_338_1251" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="1" width="24" height="23">
|
||||
<path d="M11.9059 1.0293L14.6574 9.50644H23.5717L16.3545 14.7436L19.1145 23.2207L11.9059 17.9836L4.69738 23.2207L7.44881 14.7436L0.240234 9.50644H9.14595L11.9059 1.0293Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_338_1251)">
|
||||
<path d="M24.7798 13.2012H-0.96875V23.5897H24.7798V13.2012Z" fill="#FAFAFA"/>
|
||||
</g>
|
||||
<mask id="mask1_338_1251" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="1" width="24" height="23">
|
||||
<path d="M11.9059 1.0293L14.6574 9.50644H23.5717L16.3545 14.7436L19.1145 23.2207L11.9059 17.9836L4.69738 23.2207L7.44881 14.7436L0.240234 9.50644H9.14595L11.9059 1.0293Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_338_1251)">
|
||||
<path d="M24.7798 0.609375H-0.96875V11.1094H24.7798V0.609375Z" fill="#FAFAFA"/>
|
||||
</g>
|
||||
<mask id="mask2_338_1251" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="1" width="24" height="23">
|
||||
<path d="M11.9059 1.0293L14.6574 9.50644H23.5717L16.3545 14.7436L19.1145 23.2207L11.9059 17.9836L4.69738 23.2207L7.44881 14.7436L0.240234 9.50644H9.14595L11.9059 1.0293Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask2_338_1251)">
|
||||
<path d="M24.7798 11.1094H-0.96875V13.2008H24.7798V11.1094Z" fill="#223D36"/>
|
||||
</g>
|
||||
<path d="M11.9064 6.81445L8.375 18.3345L11.9064 15.583L15.4293 18.3345L11.9064 6.81445Z" fill="#223D36"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_338_1251">
|
||||
<rect width="24" height="24" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
3
frontend/src/resources/img/svg/pers-wt.svg
Normal file
3
frontend/src/resources/img/svg/pers-wt.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3627 3.88944C16.6803 3.88466 18.0641 4.55448 18.894 5.83335C19.7349 7.12922 19.9475 8.94322 19.152 11.1454C19.4509 11.3622 19.6741 11.6343 19.8331 11.9118C20.0961 12.3708 20.2005 12.87 20.2005 13.2484C20.2005 14.3912 19.466 15.705 18.2185 16.2708C16.4506 22.592 7.17108 22.7528 5.53967 16.1546C4.44756 15.5333 3.81445 14.3157 3.81445 13.2494C3.81445 12.7381 4.02849 11.8265 4.74947 11.237C4.48716 10.4063 4.35645 9.60421 4.35645 8.84336C4.35645 5.52209 6.47963 3.54106 8.89442 2.80599C11.1168 2.12949 13.7657 2.45649 15.3627 3.88944ZM16.8357 15.6264C16.8452 15.5408 16.8693 15.4581 16.9063 15.3818C17.0148 15.14 17.2437 14.975 17.5029 14.9445C18.2327 14.6655 18.7005 13.8776 18.7005 13.2484C18.7005 13.1137 18.6558 12.8744 18.5315 12.6574C18.4159 12.4555 18.2495 12.3002 17.9999 12.2313C17.7901 12.1734 17.6158 12.0272 17.5222 11.8307C17.4287 11.6341 17.4252 11.4066 17.5125 11.2073C18.4656 9.03295 18.2139 7.54095 17.6357 6.64987C17.04 5.73184 16.0199 5.31359 15.149 5.40064C14.9183 5.42371 14.6898 5.33872 14.5303 5.17045C13.4808 4.06385 11.3178 3.63628 9.33123 4.24098C7.41377 4.82466 5.85645 6.31263 5.85645 8.84336C5.85645 9.57304 6.01197 10.3955 6.35928 11.2966C6.50813 11.6829 6.31595 12.1167 5.92987 12.2659C5.71638 12.3484 5.56663 12.5029 5.46252 12.6997C5.35272 12.9073 5.31445 13.1263 5.31445 13.2494C5.31445 13.8568 5.74932 14.6306 6.44148 14.9307C6.6208 14.9938 6.77268 15.1238 6.86109 15.2967C6.89847 15.3693 6.92397 15.4477 6.93624 15.5289C8.01723 20.8672 15.5973 20.9003 16.8357 15.6264ZM16.0663 9.13749C16.3009 8.79606 16.2142 8.32916 15.8728 8.09464C15.5314 7.86011 15.0645 7.94677 14.8299 8.28819C13.4432 10.307 10.6719 11.1742 8.36184 10.3842C7.96991 10.2502 7.54353 10.4592 7.40949 10.8511C7.27546 11.2431 7.48452 11.6694 7.87645 11.8035C10.8004 12.8035 14.285 11.7307 16.0663 9.13749Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
10
frontend/src/resources/img/svg/pin.svg
Normal file
10
frontend/src/resources/img/svg/pin.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_260_4922)">
|
||||
<path d="M15.5469 6.42773C15.375 6.59961 15.2083 6.75586 15.0469 6.89648C14.8854 7.03711 14.7135 7.15951 14.5312 7.26367C14.349 7.36784 14.1589 7.44336 13.9609 7.49023C13.763 7.53711 13.5312 7.56576 13.2656 7.57617C13.0885 7.57617 12.9193 7.56055 12.7578 7.5293L9.79688 10.4902C9.86458 10.6882 9.91406 10.8913 9.94531 11.0996C9.97656 11.3079 9.99219 11.5163 9.99219 11.7246C9.99219 12.0632 9.95833 12.3704 9.89062 12.6465C9.82292 12.9225 9.72656 13.1829 9.60156 13.4277C9.47656 13.6725 9.32031 13.9043 9.13281 14.123C8.94531 14.3418 8.73958 14.5684 8.51562 14.8027L5.5 11.7871L1.0625 16.2324L0 16.584L0.351562 15.5215L4.79688 11.084L1.78125 8.06836C2.01042 7.83919 2.23438 7.63346 2.45312 7.45117C2.67188 7.26888 2.90365 7.11523 3.14844 6.99023C3.39323 6.86523 3.65365 6.76628 3.92969 6.69336C4.20573 6.62044 4.51562 6.58659 4.85938 6.5918C5.06771 6.5918 5.27604 6.60742 5.48438 6.63867C5.69271 6.66992 5.89583 6.7194 6.09375 6.78711L9.05469 3.82617C9.02344 3.66471 9.00781 3.49544 9.00781 3.31836C9.00781 3.06315 9.03385 2.83398 9.08594 2.63086C9.13802 2.42773 9.21615 2.23503 9.32031 2.05273C9.42448 1.87044 9.54427 1.70117 9.67969 1.54492C9.8151 1.38867 9.97396 1.2194 10.1562 1.03711L15.5469 6.42773Z" fill="#ACACAC"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_260_4922">
|
||||
<rect width="16" height="16" fill="white" transform="translate(0 0.583984)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
3
frontend/src/resources/img/svg/shield-wt.svg
Normal file
3
frontend/src/resources/img/svg/shield-wt.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 8.83007H18.5L18.5 8.83999L18.5003 8.92876C18.5003 9.96687 18.3814 10.964 18.1609 11.9049L5.5 7.38315V4.75529C7.4809 5.16366 9.6853 5.38884 11.9996 5.38884C14.3142 5.38884 16.5189 5.16359 18.5 4.75511V8.83007ZM5.50008 8.97597C5.50178 9.46487 5.52987 9.9446 5.58252 10.4136L17.1884 14.5917C17.39 14.1925 17.5713 13.776 17.7301 13.3439L5.50008 8.97597ZM16.4097 15.9056L5.89162 12.1191C6.79191 15.6777 9.15187 18.4007 12.0002 19.4431C13.719 18.814 15.26 17.573 16.4097 15.9056ZM4.64183 3.01773C4.31938 2.93469 4 3.17475 4 3.50772V8.92791V8.92876C4 14.6869 7.32873 19.5349 11.8562 20.9789C11.9498 21.0088 12.0505 21.0088 12.1441 20.9789C16.6716 19.5349 20.0003 14.6869 20.0003 8.92876C20.0003 8.89583 20.0002 8.86294 20 8.83007V3.5075C20 3.17452 19.6806 2.93446 19.3581 3.01752C17.2113 3.57052 14.6929 3.88884 11.9996 3.88884C9.30662 3.88884 6.78849 3.5706 4.64183 3.01773Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1 KiB |
4
frontend/src/resources/img/svg/user-wt.svg
Normal file
4
frontend/src/resources/img/svg/user-wt.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="11.7673" cy="8.4382" r="4.4382" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6503 13.9199C14.8934 15.2849 13.4378 16.2089 11.7663 16.2089C10.0951 16.2089 8.63959 15.2851 7.88257 13.9204C7.3 14.2568 6.75879 14.6703 6.27486 15.1542C4.81829 16.6108 4 18.5863 4 20.6462L11.7668 20.6462H19.5337C19.5337 18.5863 18.7154 16.6108 17.2588 15.1542C16.7747 14.6701 16.2332 14.2564 15.6503 13.9199Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 541 B |
|
|
@ -1,10 +1,4 @@
|
|||
<footer>
|
||||
<div id="webbpm-footer">
|
||||
<div class="fl-left"><span>Web-BPM</span></div>
|
||||
<div class="fl-right">
|
||||
<span><a href="mailto:info@micord.ru">Поддержка</a></span>
|
||||
<span><a href="http://www.micord.ru" target="_blank">Компания "Микорд"</a></span>
|
||||
<span><application-version></application-version></span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,16 @@
|
|||
<nav class="header" *ngIf="currentSession | async as session" id="webbpm-header">
|
||||
<div class="header-logo">
|
||||
<div class="logo"><a routerLink="/"></a></div>
|
||||
<div class="main-page"><a routerLink="/">Главная</a></div>
|
||||
</div>
|
||||
<div class="header-menu">
|
||||
<!--
|
||||
<process *ngIf="session.authorities.includes('BPMN.USER.START_PROCESS')"></process>
|
||||
<div *ngIf="session.authorities.includes('BPMN.USER.TASK_LIST')">
|
||||
<button class="nav-link bi bi-file-text-fill" (click)="openTaskList()" title="Задачи"></button>
|
||||
</div>
|
||||
<admin-menu [placement]="'bottom'"></admin-menu>
|
||||
-->
|
||||
<div ngbDropdown class="logout" log-out></div>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
<button class="nav-link bi bi-person-fill" ngbDropdownToggle title="Пользователь"></button>
|
||||
<button class="user-info" ngbDropdownToggle *ngIf="currentSession | async as session">{{session.fullUserName}}</button>
|
||||
<div ngbDropdownMenu *ngIf="currentSession | async as session">
|
||||
<!--
|
||||
<div class="user-info">
|
||||
<div class="user-fio">{{session.fullUserName}}</div>
|
||||
<div class="user-login">{{session.username}}</div>
|
||||
</div>
|
||||
-->
|
||||
<div class="user-department">{{getOrgUnitName()}}</div>
|
||||
</div>
|
||||
<button ngbDropdownItem *ngIf="isLogoutButtonVisible()" (click)="logout()">Выход</button>
|
||||
<button ngbDropdownItem *ngIf="isLogoutButtonVisible()" (click)="logout()">Выйти</button>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue