micord/ervu-business-metrics
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

@media

Browse source
This commit is contained in:
m.epshtein 2025-03-12 16:28:56 +03:00
parent 10980cc7f5
commit 159fb45020
1 changed files with 64 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

64
frontend/src/resources/css/components-business-metrics.css
View file

@ -114,6 +114,9 @@
color: var(--color-link);
}
.webbpm.ervu_business_metrics .block-panel > .horizontal-container{
flex-wrap: wrap;
}
.webbpm.ervu_business_metrics .block-panel .panel-btn {
position: relative;
display: flex;
@ -209,6 +212,12 @@
.webbpm.ervu_business_metrics .block-panel .panel-btn + .panel-btn {
padding-left: var(--indent-mini);
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(7n+7) {
padding-left: 0;
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+7) {
padding-top: var(--indent-mini);
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:last-child {
width: 16.5%;
}
@ -508,3 +517,58 @@
margin-bottom: var(--indent-base);
overflow-y: auto;
}
@media ((max-width: 1600px) or (orientation: portrait)) {
.webbpm.ervu_business_metrics .block-panel .panel-btn,
.webbpm.ervu_business_metrics .block-panel .panel-btn:last-child {
width: 20%;
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(7n+7) {
padding-left: var(--indent-mini);
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(6n+6) {
padding-left: 0;
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+7) {
padding-top: 0;
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+6) {
padding-top: var(--indent-mini);
}
}
@media (max-width: 1400px) {
.webbpm.ervu_business_metrics .block-panel .panel-btn,
.webbpm.ervu_business_metrics .block-panel .panel-btn:last-child {
width: 25%;
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(6n+6) {
padding-left: var(--indent-mini);
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(5n+5) {
padding-left: 0;
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+6) {
padding-top: 0;
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+5) {
padding-top: var(--indent-mini);
}
}
@media (max-width: 1200px) {
.webbpm.ervu_business_metrics .block-panel .panel-btn,
.webbpm.ervu_business_metrics .block-panel .panel-btn:last-child {
width: 33.3%;
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(5n+5) {
padding-left: var(--indent-mini);
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(4n+4) {
padding-left: 0;
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+5) {
padding-top: 0;
}
.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(n+4) {
padding-top: var(--indent-mini);
}
}