Fix ownership views and legal status summaries
This commit is contained in:
KrivovDE
@@ -3872,12 +3872,14 @@ body.organization-view #details .grid-2>div>.contacts{margin-top:0}
|
||||
align-self:stretch;
|
||||
justify-content:center;
|
||||
min-width:0;
|
||||
gap:.25rem;
|
||||
}
|
||||
.generic-ownership-panel .legend-row{
|
||||
grid-template-columns:5.75rem 5.625rem minmax(0,1fr);
|
||||
align-items:center;
|
||||
column-gap:.5rem;
|
||||
padding:.75rem 0;
|
||||
row-gap:.25rem;
|
||||
padding:.4rem 0;
|
||||
}
|
||||
.generic-ownership-panel .swatch{
|
||||
width:5.75rem;
|
||||
@@ -3890,6 +3892,21 @@ body.organization-view #details .grid-2>div>.contacts{margin-top:0}
|
||||
font-size:1.125rem;
|
||||
line-height:1.45;
|
||||
}
|
||||
.ownership-panel .ownership-legend-child{
|
||||
grid-column:3/-1;
|
||||
display:grid;
|
||||
grid-template-columns:max-content minmax(0,1fr);
|
||||
align-items:baseline;
|
||||
gap:.5rem;
|
||||
margin:0;
|
||||
padding-left:0;
|
||||
font-size:1rem;
|
||||
}
|
||||
.ownership-panel .ownership-legend-child b{
|
||||
margin:0;
|
||||
font-size:1rem;
|
||||
}
|
||||
.ownership-panel .ownership-legend-child>span{min-width:0}
|
||||
|
||||
@media(max-width:64rem){
|
||||
.generic-ownership-panel{grid-template-columns:1fr;padding:1.25rem}
|
||||
@@ -4326,6 +4343,7 @@ body.organization-view #details .grid-2>div>.contacts{margin-top:0}
|
||||
.saturn-donut-center{fill:var(--saturn-panel);stroke:rgba(255,255,255,.18);stroke-width:1}
|
||||
.saturn-donut-center-number{fill:#f5f7f8;font:800 2.5rem "Clear Sans","Helvetica Neue",Arial,sans-serif}
|
||||
.saturn-donut-center-caption{fill:var(--saturn-muted);font:700 .9375rem "Clear Sans","Helvetica Neue",Arial,sans-serif}
|
||||
.saturn-donut-value{fill:#f5f7f8;font:700 .875rem "Clear Sans","Helvetica Neue",Arial,sans-serif;paint-order:stroke;stroke:#2b2b2b;stroke-width:3px;stroke-linejoin:round}
|
||||
.saturn-donut-keys{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4375rem .625rem}
|
||||
.saturn-donut-key{display:flex;align-items:center;gap:.4375rem;min-width:0;padding:.375rem .5rem;border-radius:.5rem;background:rgba(255,255,255,.035);color:var(--saturn-text);font-size:.8125rem}
|
||||
.saturn-donut-key:last-child{grid-column:1/-1;justify-self:center;min-width:calc(50% - .3125rem)}
|
||||
@@ -4345,6 +4363,31 @@ body.organization-view #details .grid-2>div>.contacts{margin-top:0}
|
||||
}
|
||||
.saturn-structure-view .topbar .tab[data-page="saturn"]{display:flex}
|
||||
.saturn-structure-view .structure-stage{width:120rem;height:67.5rem}
|
||||
|
||||
/* Полная схема Сатурна сохраняет все связанные уровни вместо сокращённого
|
||||
SVG с четырьмя узлами. Координаты заданы на едином холсте, который штатно
|
||||
масштабируется контролами структуры. */
|
||||
.saturn-network{position:relative;width:120rem;height:67.5rem;color:#f5f7f8;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif}
|
||||
.saturn-network-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
|
||||
.saturn-network-links path{fill:none;stroke:#dbe4e8;stroke-width:2.25;marker-end:url(#saturn-arrow)}
|
||||
.saturn-network-links .state-link{stroke:#5497d2}
|
||||
.saturn-network-links marker path{fill:#dbe4e8;stroke:none}
|
||||
.saturn-network-links text{fill:#f5f7f8;font-size:18px;font-weight:700;paint-order:stroke;stroke:#17222a;stroke-width:5px;stroke-linejoin:round}
|
||||
.saturn-network-node{position:absolute;left:var(--x);top:var(--y);display:grid;width:250px;min-height:100px;box-sizing:border-box;align-content:center;gap:8px;padding:15px 18px;border:1px solid rgba(255,255,255,.82);border-radius:14px;background:linear-gradient(145deg,rgba(54,72,126,.88),rgba(35,51,101,.9));box-shadow:0 10px 22px rgba(0,0,0,.24);color:#f5f7f8;text-align:center;text-decoration:none}
|
||||
.saturn-network-node span{font-size:15px;font-weight:700}.saturn-network-node b{font-size:16px;line-height:1.3}
|
||||
.saturn-network-node.person{border-color:rgba(255,255,255,.9);background:linear-gradient(145deg,rgba(88,120,69,.82),rgba(52,81,36,.9))}
|
||||
.saturn-network-node.state{border-color:#58b373;background:linear-gradient(145deg,rgba(51,66,111,.92),rgba(37,53,100,.94))}
|
||||
.saturn-network-node.subject{border:2px solid #fff;background:linear-gradient(145deg,rgba(51,66,111,.96),rgba(37,53,100,.98))}
|
||||
.saturn-network-node:hover,.saturn-network-node:focus-visible{color:#fff;border-color:#a8cded;box-shadow:0 0 20px rgba(139,211,255,.7);outline:none}
|
||||
.saturn-network-legend{position:absolute;top:90px;right:78px;display:grid;gap:15px;width:255px;padding:20px;border:1px solid #a8cded;border-radius:12px;background:rgba(35,42,44,.9);color:#f5f7f8;font-size:16px;font-weight:700}
|
||||
.saturn-network-legend span{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:14px}.saturn-network-legend i{display:block;width:38px;height:28px;border-radius:10px;background:linear-gradient(145deg,rgba(51,66,111,.92),rgba(37,53,100,.94))}.saturn-network-legend .person{background:linear-gradient(145deg,rgba(88,120,69,.82),rgba(52,81,36,.9))}.saturn-network-legend .affiliated{border-left:5px solid #fff}.saturn-network-legend .subject{border:1px solid #fff}.saturn-network-legend .state{border:1px solid #58b373}.saturn-network-legend .management{position:relative;background:none}.saturn-network-legend .management::before{content:"";position:absolute;left:0;right:7px;top:13px;border-top:2px solid #5497d2}.saturn-network-legend .management::after{content:"";position:absolute;right:1px;top:8px;width:9px;height:9px;border-top:2px solid #5497d2;border-right:2px solid #5497d2;transform:rotate(45deg)}
|
||||
|
||||
.saturn-ownership-card .saturn-shareholders-body{min-height:18rem;grid-template-columns:minmax(15rem,18rem) minmax(0,1fr);gap:2rem}
|
||||
.saturn-ownership-card .saturn-donut-card{width:min(100%,16rem)}
|
||||
.saturn-ownership-card .saturn-card-donut{width:min(100%,14rem)}
|
||||
.saturn-ownership-card .saturn-legend{gap:.5rem}
|
||||
.saturn-ownership-card .saturn-legend-item{min-height:2rem}
|
||||
.saturn-share-parameters{align-items:flex-start;text-align:left}
|
||||
.saturn-structure-graph{position:relative;width:120rem;height:67.5rem;padding:6.875rem 8.75rem;color:#f5f7f8;font-size:1rem}
|
||||
.saturn-structure-graph::before{content:"";position:absolute;inset:4.5rem 6.25rem;border-radius:1.5rem;background:#3c3f41;box-shadow:0 .75rem 2rem rgba(0,0,0,.16)}
|
||||
.saturn-structure-graph>*{position:relative;z-index:1}
|
||||
@@ -4405,6 +4448,37 @@ button.saturn-flow-node-source:hover,button.saturn-flow-node-source:focus-visibl
|
||||
.source-details-list span{line-height:1.5}
|
||||
.leadership-row-source{grid-template-columns:minmax(0,1fr)}
|
||||
|
||||
.ownership-facts{
|
||||
display:none;
|
||||
grid-template-columns:repeat(2,minmax(0,1fr));
|
||||
gap:0 2rem;
|
||||
margin-bottom:1.125rem;
|
||||
padding-top:.75rem;
|
||||
padding-bottom:.75rem;
|
||||
}
|
||||
.expanded .ownership-facts{display:grid}
|
||||
.ownership-fact{
|
||||
display:grid;
|
||||
grid-template-columns:minmax(12rem,1fr) minmax(10rem,auto);
|
||||
align-items:center;
|
||||
gap:1rem;
|
||||
min-height:3.25rem;
|
||||
padding:.625rem 0;
|
||||
border-bottom:.0625rem solid rgba(139,211,255,.16);
|
||||
}
|
||||
.ownership-fact:nth-last-child(-n+2){border-bottom:0}
|
||||
.ownership-fact strong{text-align:right;color:#f1f1f1}
|
||||
|
||||
@media(max-width:64rem){
|
||||
.ownership-facts{grid-template-columns:1fr}
|
||||
.ownership-fact:nth-last-child(-n+2){border-bottom:.0625rem solid rgba(139,211,255,.16)}
|
||||
.ownership-fact:last-child{border-bottom:0}
|
||||
}
|
||||
@media(max-width:40rem){
|
||||
.ownership-fact{grid-template-columns:1fr;gap:.25rem}
|
||||
.ownership-fact strong{text-align:left}
|
||||
}
|
||||
|
||||
/* Блоки «Виды деятельности» и «Финансовая устойчивость» сохраняют
|
||||
естественную высоту содержимого. */
|
||||
@media(min-width:64.0625rem){
|
||||
@@ -4450,6 +4524,49 @@ button.saturn-flow-node-source:hover,button.saturn-flow-node-source:focus-visibl
|
||||
margin-top:0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Поисковый запрос 2: в краткой карточке ОКБ МЭИ длинная историческая
|
||||
справка прокручивается внутри стандартной пары карточек. */
|
||||
@media(min-width:64.0625rem){
|
||||
body.organization-view:not(.expanded) #content>.okb-mei-brief-pair{
|
||||
align-self:stretch;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
body.organization-view:not(.expanded) #content:has(>#legal):has(>#about)>#legal.okb-mei-brief-pair .legal-short{
|
||||
flex:0 1 auto;
|
||||
height:auto;
|
||||
max-height:none;
|
||||
overflow:visible;
|
||||
}
|
||||
|
||||
body.organization-view:not(.expanded) #content:has(>#legal):has(>#about)>#about.okb-mei-brief-pair{
|
||||
min-height:0;
|
||||
contain:size;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
body.organization-view:not(.expanded) #content:has(>#legal):has(>#about)>#about.okb-mei-brief-pair .summary{
|
||||
flex:1 1 0;
|
||||
min-height:0;
|
||||
height:auto;
|
||||
max-height:none;
|
||||
overflow-y:auto;
|
||||
scrollbar-width:thin;
|
||||
scrollbar-color:#777 transparent;
|
||||
}
|
||||
|
||||
body.organization-view:not(.expanded) #content>.okb-mei-brief-pair .legal-short::-webkit-scrollbar,
|
||||
body.organization-view:not(.expanded) #content>.okb-mei-brief-pair .summary::-webkit-scrollbar{
|
||||
width:.4375rem;
|
||||
}
|
||||
|
||||
body.organization-view:not(.expanded) #content>.okb-mei-brief-pair .legal-short::-webkit-scrollbar-thumb,
|
||||
body.organization-view:not(.expanded) #content>.okb-mei-brief-pair .summary::-webkit-scrollbar-thumb{
|
||||
border-radius:.5rem;
|
||||
background:#777;
|
||||
}
|
||||
}
|
||||
@media(max-width:48rem){
|
||||
.source-details-list>div{grid-template-columns:1fr;gap:.25rem}
|
||||
}
|
||||
@@ -4468,7 +4585,7 @@ button.saturn-flow-node-source:hover,button.saturn-flow-node-source:focus-visibl
|
||||
.uaz-ownership-panel .donut-center{fill:#313335;stroke:#d5e6f2;stroke-width:2}
|
||||
.uaz-ownership-panel .legend{align-self:center;gap:0}
|
||||
.uaz-ownership-panel .legend-row{
|
||||
grid-template-columns:9rem minmax(0,1fr);
|
||||
grid-template-columns:9rem max-content minmax(0,1fr);
|
||||
min-height:3rem;
|
||||
padding:0;
|
||||
column-gap:1rem;
|
||||
@@ -4480,14 +4597,15 @@ button.saturn-flow-node-source:hover,button.saturn-flow-node-source:focus-visibl
|
||||
border-radius:999px;
|
||||
}
|
||||
.uaz-ownership-panel .legend-copy{
|
||||
display:grid;
|
||||
grid-template-columns:max-content minmax(0,1fr);
|
||||
display:contents;
|
||||
align-items:baseline;
|
||||
gap:1rem;
|
||||
line-height:1.25;
|
||||
}
|
||||
.uaz-ownership-panel .legend-copy b{font-size:1.875rem;line-height:1;letter-spacing:-.02em}
|
||||
.uaz-ownership-panel .legend-copy>span{font-size:1.4375rem;font-weight:700;white-space:nowrap}
|
||||
.uaz-ownership-panel .legend-copy>span{font-size:1.4375rem;font-weight:700}
|
||||
.uaz-ownership-panel .ownership-legend-child{gap:.5rem;margin-top:0}
|
||||
.uaz-ownership-panel .ownership-legend-child,
|
||||
.uaz-ownership-panel .ownership-legend-child b{font-size:1rem}
|
||||
|
||||
@media(max-width:64rem){
|
||||
.uaz-ownership-panel{grid-template-columns:1fr;padding:1.375rem}
|
||||
@@ -4495,9 +4613,8 @@ button.saturn-flow-node-source:hover,button.saturn-flow-node-source:focus-visibl
|
||||
.uaz-ownership-panel .legend-row{justify-content:center}
|
||||
}
|
||||
@media(max-width:40rem){
|
||||
.uaz-ownership-panel .legend-row{grid-template-columns:5.75rem minmax(0,1fr);column-gap:.75rem}
|
||||
.uaz-ownership-panel .legend-row{grid-template-columns:5.75rem max-content minmax(0,1fr);column-gap:.75rem}
|
||||
.uaz-ownership-panel .swatch{width:5.75rem;max-width:5.75rem;height:1.375rem}
|
||||
.uaz-ownership-panel .legend-copy{grid-template-columns:1fr;gap:.25rem}
|
||||
.uaz-ownership-panel .legend-copy b{font-size:1.375rem}
|
||||
.uaz-ownership-panel .legend-copy>span{font-size:1.0625rem;white-space:normal}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user