SUPPORT-8737 fix

This commit is contained in:
kochetkov 2024-11-21 17:35:28 +03:00
parent cd0467d8a0
commit d777cb9a35
2 changed files with 83 additions and 83 deletions

View file

@ -1,31 +1,31 @@
.webbpm.account_applications .container-inside > div > div > [page-object] {
.webbpm.account-applications .container-inside > div > div > [page-object] {
display: flex;
}
.webbpm.account_applications [page-home] {
.webbpm.account-applications [page-home] {
display: flex;
align-items: center;
background-color: var(--bg-light);
}
.webbpm.account_applications #home {
.webbpm.account-applications #home {
flex: 1;
}
.webbpm.account_applications .title {
.webbpm.account-applications .title {
font-size: var(--size-text-title);
font-family: 'InterSB';
padding-top: 0;
padding-bottom: var(--indent-small);
}
.webbpm.account_applications .title .form-group {
.webbpm.account-applications .title .form-group {
display: block;
margin-bottom: 0;
}
.webbpm.account_applications .font-bold {
.webbpm.account-applications .font-bold {
font-family: 'InterSB';
}
.webbpm.account_applications .btn {
.webbpm.account-applications .btn {
font-size: var(--size-text-secondary);
font-family: 'Inter';
color: var(--color-link);
@ -35,35 +35,35 @@
background-color: transparent;
box-shadow: none;
}
.webbpm.account_applications .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus) {
.webbpm.account-applications .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus) {
color: var(--color-link-hover);
border-color: var(--color-link-hover);
background-color: transparent;
}
.webbpm.account_applications .btn-main:not(.info):not(.link) .btn,
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm, .confirmation) .btn-primary {
.webbpm.account-applications .btn-main:not(.info):not(.link) .btn,
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm, .confirmation) .btn-primary {
color: var(--white);
border: 1px solid var(--color-link);
background: var(--color-link);
}
.webbpm.account_applications .btn-main .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus),
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm, .confirmation) .btn-primary:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus) {
.webbpm.account-applications .btn-main .btn:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus),
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm, .confirmation) .btn-primary:is(:not(:disabled):not(.disabled):hover, :not(:disabled):not(.disabled):active, :not(:disabled):not(.disabled):focus) {
color: var(--white);
border-color: var(--color-link-hover);
background-color: var(--color-link-hover);
}
.webbpm.account_applications .btn:is(:disabled, .disabled) {
.webbpm.account-applications .btn:is(:disabled, .disabled) {
color: var(--color-text-secondary);
border-color: var(--border-light);
}
.webbpm.account_applications .btn-big-group > div {
.webbpm.account-applications .btn-big-group > div {
justify-content: center;
align-items: center;
}
.webbpm.account_applications .btn-big-group .btn {
.webbpm.account-applications .btn-big-group .btn {
font-family: 'Inter';
color: var(--color-text-primary);
min-width: 300px;
@ -73,110 +73,110 @@
background-color: var(--white) !important;
box-shadow: var(--bg-shadow);
}
.webbpm.account_applications .btn-big-group .btn::before {
.webbpm.account-applications .btn-big-group .btn::before {
display: flex;
justify-content: center;
margin-bottom: 8px;
}
.webbpm.account_applications .btn-big-group vbox:first-child .btn::before {
.webbpm.account-applications .btn-big-group vbox:first-child .btn::before {
content: url(../img/svg/users-bl.svg);
}
.webbpm.account_applications .btn-big-group vbox:first-child .btn:is(:hover, :active, :focus)::before {
.webbpm.account-applications .btn-big-group vbox:first-child .btn:is(:hover, :active, :focus)::before {
content: url(../img/svg/users.svg);
}
.webbpm.account_applications .btn-big-group vbox:last-child .btn::before {
.webbpm.account-applications .btn-big-group vbox:last-child .btn::before {
content: url(../img/svg/notes-bl.svg);
}
.webbpm.account_applications .btn-big-group vbox:last-child .btn:is(:hover, :active, :focus)::before {
.webbpm.account-applications .btn-big-group vbox:last-child .btn:is(:hover, :active, :focus)::before {
content: url(../img/svg/notes.svg);
}
.webbpm.account_applications .btn-big-group vbox {
.webbpm.account-applications .btn-big-group vbox {
padding-right: 0;
}
.webbpm.account_applications .btn-big-group vbox + vbox {
.webbpm.account-applications .btn-big-group vbox + vbox {
margin-left: 40px;
}
.webbpm.account_applications collapsible-panel .card {
.webbpm.account-applications collapsible-panel .card {
margin-bottom: var(--indent-small);
border: 1px solid var(--border-light) !important;
}
.webbpm.account_applications collapsible-panel .card i {
.webbpm.account-applications collapsible-panel .card i {
width: 16px;
}
.webbpm.account_applications collapsible-panel .card-header,
.webbpm.account_applications collapsible-panel .card-block .font-bold {
.webbpm.account-applications collapsible-panel .card-header,
.webbpm.account-applications collapsible-panel .card-block .font-bold {
font-family: 'InterSB' !important;
font-size: var(--size-text-primary) !important;
}
.webbpm.account_applications collapsible-panel .card-block {
.webbpm.account-applications collapsible-panel .card-block {
font-size: var(--size-text-secondary);
padding-top: var(--indent-mini) !important;
border-top: 1px solid var(--border-light);
}
.webbpm.account_applications collapsible-panel .card-block .filter-group .horizontal-container > * {
.webbpm.account-applications collapsible-panel .card-block .filter-group .horizontal-container > * {
padding-left: var(--indent-big);
padding-right: 0;
}
.webbpm.account_applications collapsible-panel .card-block .filter-group .horizontal-container > *:first-child {
.webbpm.account-applications collapsible-panel .card-block .filter-group .horizontal-container > *:first-child {
padding-left: 0;
}
.webbpm.account_applications collapsible-panel .card-block .filter-group .width-full label {
.webbpm.account-applications collapsible-panel .card-block .filter-group .width-full label {
width: 160px;
}
.webbpm.account_applications collapsible-panel .card-block .filter-group .width-full.fixed-label-mini label {
.webbpm.account-applications collapsible-panel .card-block .filter-group .width-full.fixed-label-mini label {
width: 100px;
}
.webbpm.account_applications collapsible-panel .card-block .filter-group .width-full.fixed-label-extra-mini label {
.webbpm.account-applications collapsible-panel .card-block .filter-group .width-full.fixed-label-extra-mini label {
width: 60px;
}
.webbpm.account_applications grid-v2 {
.webbpm.account-applications grid-v2 {
flex: 1;
}
.webbpm.account_applications * + grid-v2,
.webbpm.account_applications grid-v2 ~ *:not([hidden]) {
.webbpm.account-applications * + grid-v2,
.webbpm.account-applications grid-v2 ~ *:not([hidden]) {
margin-top: var(--indent-small);
}
.webbpm.account_applications ag-grid-angular {
.webbpm.account-applications ag-grid-angular {
font-family: 'Inter';
}
.webbpm.account_applications ag-grid-angular .grid-setting-icon,
.webbpm.account_applications ag-grid-angular .ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.webbpm.account_applications ag-grid-angular .ag-header-cell .ag-header-icon .ag-icon,
.webbpm.account_applications ag-grid-angular .ag-header-row-column-filter :is(.ag-header-cell, .ag-header-group-cell)::after,
.webbpm.account_applications ag-grid-angular .ag-filter .ag-filter-condition,
.webbpm.account_applications ag-grid-angular .ag-filter .ag-filter-condition ~ * {
.webbpm.account-applications ag-grid-angular .grid-setting-icon,
.webbpm.account-applications ag-grid-angular .ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.webbpm.account-applications ag-grid-angular .ag-header-cell .ag-header-icon .ag-icon,
.webbpm.account-applications ag-grid-angular .ag-header-row-column-filter :is(.ag-header-cell, .ag-header-group-cell)::after,
.webbpm.account-applications ag-grid-angular .ag-filter .ag-filter-condition,
.webbpm.account-applications ag-grid-angular .ag-filter .ag-filter-condition ~ * {
display: none !important;
}
.webbpm.account_applications ag-grid-angular .ag-header-row {
.webbpm.account-applications ag-grid-angular .ag-header-row {
font-family: 'InterSB';
}
.webbpm.account_applications ag-grid-angular .ag-header-row:not(:first-child) .ag-header-cell,
.webbpm.account_applications ag-grid-angular .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
.webbpm.account-applications ag-grid-angular .ag-header-row:not(:first-child) .ag-header-cell,
.webbpm.account-applications ag-grid-angular .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
border-top: 0;
}
.webbpm.account_applications ag-grid-angular .ag-row.ag-row-hover,
.webbpm.account_applications ag-grid-angular .ag-row.ag-row-hover .ag-cell {
.webbpm.account-applications ag-grid-angular .ag-row.ag-row-hover,
.webbpm.account-applications ag-grid-angular .ag-row.ag-row-hover .ag-cell {
color: var(--color-link);
border-radius: 0;
background-color: transparent !important;
}
.webbpm.account_applications ag-grid-angular .ag-row.ag-row-hover,
.webbpm.account_applications ag-grid-angular .ag-row.ag-row-hover + .ag-row {
.webbpm.account-applications ag-grid-angular .ag-row.ag-row-hover,
.webbpm.account-applications ag-grid-angular .ag-row.ag-row-hover + .ag-row {
border-color: var(--border-light);
}
.webbpm.account_applications ag-grid-angular .ag-row-last:not(.ag-row-first) {
.webbpm.account-applications ag-grid-angular .ag-row-last:not(.ag-row-first) {
border-width: 1px 0 0;
}
.webbpm.account_applications ag-grid-angular .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
.webbpm.account-applications ag-grid-angular .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
border-color: var(--color-link);
}

View file

@ -29,13 +29,13 @@
font-style: normal;
}
body.webbpm.account_applications {
body.webbpm.account-applications {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
.webbpm.account_applications {
.webbpm.account-applications {
--color-text-primary: #1d1e21;
--color-text-secondary: #acacac;
--color-link: #c64e1b;
@ -66,54 +66,54 @@ body.webbpm.account_applications {
--indent-extra-mini: 10px;
}
.webbpm.account_applications a {
.webbpm.account-applications a {
color: var(--color-link);
text-decoration: none;
}
.webbpm.account_applications a:is(:hover, :focus, :active) {
.webbpm.account-applications a:is(:hover, :focus, :active) {
color: var(--color-link-hover);
}
.webbpm.account_applications .header {
.webbpm.account-applications .header {
font-family: 'Inter';
min-height: var(--h-header);
border: 0;
background-color: var(--color-text-primary);
}
.webbpm.account_applications .header .header-logo {
.webbpm.account-applications .header .header-logo {
margin-left: var(--w-screen);
}
.webbpm.account_applications .header .header-logo a {
.webbpm.account-applications .header .header-logo a {
color: var(--white);
font-family: 'Inter';
}
.webbpm.account_applications .header .header-logo .logo {
.webbpm.account-applications .header .header-logo .logo {
position: relative;
display: flex;
align-items: center;
}
.webbpm.account_applications .header .header-logo .logo a {
.webbpm.account-applications .header .header-logo .logo a {
position: absolute;
width: 62px;
height: 40px;
background: url(../img/svg/mil-logo.svg) no-repeat 0 50%;
}
.webbpm.account_applications .header .header-logo .main-page {
.webbpm.account-applications .header .header-logo .main-page {
font-family: 'InterSB';
margin-left: calc(62px + 16px);
}
.webbpm.account_applications footer {
.webbpm.account-applications footer {
height: var(--h-footer);
border: 0;
background-color: var(--color-text-primary);
}
.webbpm.account_applications .container {
.webbpm.account-applications .container {
padding-top: var(--h-header);
bottom: var(--h-footer);
}
.webbpm.account_applications .container-inside {
.webbpm.account-applications .container-inside {
display: flex;
flex-direction: column;
font-family: 'Inter';
@ -121,13 +121,13 @@ body.webbpm.account_applications {
padding: 0;
overflow: auto;
}
.webbpm.account_applications .container-inside > div {
.webbpm.account-applications .container-inside > div {
flex: 1;
padding: var(--indent-huge) var(--w-screen);
}
/*----------------- Login ---------------- */
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) {
color: var(--color-text-primary);
font-size: var(--size-text-secondary);
width: 500px;
@ -138,14 +138,14 @@ body.webbpm.account_applications {
background-color: var(--white);
box-shadow: var(--bg-shadow);
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) :is(h1, h2) {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) :is(h1, h2) {
color: var(--color-form);
font-family: 'InterB';
font-size: var(--size-text-subtitle);
text-align: left;
margin-bottom: 0;
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) .logo {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) .logo {
position: relative;
display: flex;
justify-content: center;
@ -154,7 +154,7 @@ body.webbpm.account_applications {
padding: 0 0 0 128px;
margin-bottom: 32px;
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) .logo::after {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) .logo::after {
position: absolute;
content: "";
left: 0;
@ -162,14 +162,14 @@ body.webbpm.account_applications {
height: 72px;
background-image: url(../img/svg/form-logo.svg);
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) .row {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) .row {
position: relative;
margin-bottom: 0;
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) .row + .row {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) .row + .row {
margin-top: 20px;
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) input {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) input {
height: 56px;
padding-top: 20px;
padding-left: 16px;
@ -177,42 +177,42 @@ body.webbpm.account_applications {
border-radius: 8px;
background-color: var(--bg-light);
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) input[type="password"] {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) input[type="password"] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) input[type="password"] ~ .input-group-append > .input-group-text {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) input[type="password"] ~ .input-group-append > .input-group-text {
border: 0;
background-color: var(--bg-light);
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) input + label {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) input + label {
position: absolute;
top: 16px;
left: 16px;
pointer-events: none;
transition: all 200ms;
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) input:focus + label,
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) input:not(:placeholder-shown) + label {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) input:focus + label,
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) input:not(:placeholder-shown) + label {
top: 4px;
font-size: var(--indent-extra-mini);
z-index: 20;
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) .msg-text {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) .msg-text {
margin-top: 12px;
}
.webbpm.account_applications :is(.form-signin, .form-signup, .confirm) .btn-box {
.webbpm.account-applications :is(.form-signin, .form-signup, .confirm) .btn-box {
margin-top: 32px;
}
.webbpm.account_applications .form-signin .row.registration > * + *,
.webbpm.account_applications .form-signin .login-btn-box .password,
.webbpm.account_applications .form-signin .login-btn-box .btn + .btn {
.webbpm.account-applications .form-signin .row.registration > * + *,
.webbpm.account-applications .form-signin .login-btn-box .password,
.webbpm.account-applications .form-signin .login-btn-box .btn + .btn {
margin-left: 32px;
}
/*--------------- end Login -------------- */
.webbpm.account_applications .loader {
.webbpm.account-applications .loader {
font-size: 15px;
left: calc(50% - 50px);
top: calc(50% - 50px);