my data css
This commit is contained in:
m.epshtein
parent
44d1b146d5
commit
094fd92cf5
2 changed files with 111 additions and 96 deletions
|
|
@ -12,18 +12,7 @@
|
|||
.form-group {
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.component-float {
|
||||
display: block;
|
||||
width: auto;
|
||||
}
|
||||
input {
|
||||
font-size: var(--size-text-title);
|
||||
height: auto;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .subtitle {
|
||||
|
|
@ -72,23 +61,6 @@
|
|||
text.icon-cross::before {
|
||||
background-image: url(../img/svg/cross-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 {
|
||||
|
|
@ -160,9 +132,13 @@
|
|||
padding: 16px;
|
||||
border-radius: 4px;
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.warn-title {
|
||||
font-family: 'InterSB';
|
||||
}
|
||||
button-component:not(.info):not(.link),
|
||||
static-route-navigation-button:not(.info):not(.link) {
|
||||
padding-top: 0 !important;
|
||||
margin-top: 16px;
|
||||
|
|
@ -182,6 +158,65 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
& + field-set {
|
||||
margin-top: var(--indent-medium);
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .link .btn {
|
||||
color: var(--color-link);
|
||||
padding: 0;
|
||||
background: transparent !important;
|
||||
|
||||
&:not(:disabled):not(.disabled):hover,
|
||||
&:not(:disabled):not(.disabled):active,
|
||||
&:not(:disabled):not(.disabled):focus {
|
||||
color: var(--color-link-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .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 .data-group {
|
||||
.form-group {
|
||||
flex-direction: column;
|
||||
|
||||
label {
|
||||
color: var(--color-text-secondary);
|
||||
padding-top: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .paragraph-group {
|
||||
& > .vertical-container > * {
|
||||
margin-bottom: 16px;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
& + .paragraph-group {
|
||||
padding-top: 24px;
|
||||
margin-top: 24px;
|
||||
border-top: 1px solid var(--border-light);
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .fieldset {
|
||||
|
|
@ -197,84 +232,59 @@
|
|||
}
|
||||
.form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
hbox:not(.subtitle) > .horizontal-container {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.link .btn {
|
||||
color: var(--color-link);
|
||||
padding: 0;
|
||||
background: transparent !important;
|
||||
|
||||
&:not(:disabled):not(.disabled):hover,
|
||||
&:not(:disabled):not(.disabled):active,
|
||||
&:not(:disabled):not(.disabled):focus {
|
||||
color: var(--color-link-hover);
|
||||
}
|
||||
}
|
||||
input {
|
||||
height: auto;
|
||||
min-height: auto;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
|
||||
& + .input-group-addon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
text-field {
|
||||
.form-group {
|
||||
width: 100%;
|
||||
|
||||
.component-float {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.lined {
|
||||
padding-top: 24px;
|
||||
padding-top: 16px;
|
||||
margin-top: 16px;
|
||||
border-top: 1px solid var(--border-light);
|
||||
}
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .left-block .fieldset {
|
||||
hyper-link .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):not(.link) {
|
||||
display: block;
|
||||
padding-top: 24px;
|
||||
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 :is(.fieldset, .warning-group) hbox:not(.subtitle) > .horizontal-container {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul .left-block {
|
||||
.link .btn {
|
||||
font-size: var(--size-text-primary);
|
||||
}
|
||||
.fieldset {
|
||||
hyper-link .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):not(.link) {
|
||||
display: block;
|
||||
padding-top: 24px;
|
||||
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;
|
||||
.webbpm.ervu_lkrp_ul .right-block field-set {
|
||||
font-size: var(--size-text-secondary);
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../img/svg/doc.svg);
|
||||
}
|
||||
&:first-child .fieldset {
|
||||
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 {
|
||||
|
|
@ -343,7 +353,7 @@
|
|||
|
||||
& > div, .btn {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
button-component.info {
|
||||
display: none;
|
||||
|
|
@ -356,4 +366,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
/* temp fix*/
|
||||
.webbpm.ervu_lkrp_ul :is(.fieldset, .warning-group) .horizontal-container text + button-component:not(.info):not(.link) {
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,6 +31,7 @@ body {
|
|||
|
||||
.webbpm.ervu_lkrp_ul {
|
||||
--color-text-primary: #1d1e21;
|
||||
--color-text-secondary: #acacac;
|
||||
--color-link: #c64e1b;
|
||||
--color-link-hover: #fa773f;
|
||||
--color-bg-main: #223d36;
|
||||
|
|
@ -51,6 +52,7 @@ body {
|
|||
--indent-big: 40px;
|
||||
--indent-medium: 32px;
|
||||
--indent-small: 24px;
|
||||
--indent-mini: 16px;
|
||||
}
|
||||
|
||||
.webbpm.ervu_lkrp_ul a {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue