loader-group

This commit is contained in:
m.epshtein 2024-06-24 20:19:18 +03:00
parent 722bb59321
commit 6316938b48
6 changed files with 27 additions and 8 deletions

View file

@ -19,6 +19,6 @@
</script>
</head>
<body webbpm class="webbpm ervu_lkrp_fl">
<div class="progress"></div>
<div class="loader"></div>
</body>
</html>

View file

@ -7,6 +7,6 @@
<link rel="icon" type="image/png" href="src/resources/img/logo.png"/>
</head>
<body webbpm class="webbpm ervu_lkrp_fl">
<div class="progress"></div>
<div class="loader"></div>
</body>
</html>

View file

@ -19,6 +19,6 @@
</script>
</head>
<body preview-container id="webbpm-angular-application-container ervu_lkrp_fl" class="webbpm">
<div class="progress"></div>
<div class="loader"></div>
</body>
</html>

View file

@ -161,7 +161,7 @@
&:not(:disabled):not(.disabled):hover,
&:not(:disabled):not(.disabled):active,
&:not(:disabled):not(.disabled):focus {
color: var(--color-link-hover);
color: var(--color-link-hover) !important;
}
&::before {
background-image: url(../img/svg/data.svg);
@ -222,6 +222,22 @@
}
}
.webbpm.ervu_lkrp_fl .loader-group {
.loader {
font-size: 5px;
left: 14px;
top: 10px;
width: 6px;
height: 6px;
padding: 0;
border-radius: 10px;
}
.mute {
color: var(--color-light);
margin-left: 40px;
}
}
.webbpm.ervu_lkrp_fl .link .btn {
color: var(--color-link);
padding: 0;
@ -230,7 +246,7 @@
&:not(:disabled):not(.disabled):hover,
&:not(:disabled):not(.disabled):active,
&:not(:disabled):not(.disabled):focus {
color: var(--color-link-hover);
color: var(--color-link-hover) !important;
}
}
@ -298,6 +314,9 @@
margin-top: 16px;
border-top: 1px solid var(--border-light);
}
.warning-group ~ *:not([hidden]) {
margin-top: 16px;
}
}
.webbpm.ervu_lkrp_fl .filter-block {

View file

@ -197,8 +197,8 @@ body {
.webbpm.ervu_lkrp_fl .loader {
font-size: 15px;
left: calc(50% - 50px);
top: calc(50% - 50px);
left: calc(50% - 50px);
top: calc(50% - 50px);
width: 0.8em;
height: 0.8em;
border-radius: 50%;

View file

@ -1,3 +1,3 @@
<div class="modal-body">
<div class="progress"></div>
<div class="loader"></div>
</div>