@@ -650,11 +650,16 @@ sidecar .sidecar-header .header-main-content {
650
650
flex : 1 ;
651
651
display : flex;
652
652
flex-direction : column;
653
+
654
+ /* this is needed, as we rotate the "sidecar-header-icon", which confuses chrome in terms of width occupancy;
655
+ see sidecar .sidecar-header-icon-wrapper; the 4em parts must match! */
656
+ width : calc (100% - 4em );
653
657
}
654
658
sidecar .header-right-bits {
659
+ white-space : nowrap;
655
660
flex-direction : column;
656
661
justify-content : center;
657
- margin : 1 em 1em 1 ex 1 em
662
+ margin : 0 1em ;
658
663
}
659
664
.sidecar-header .kind {
660
665
font-variant : small-caps;
@@ -684,7 +689,6 @@ sidecar .sidecar-header-text {
684
689
display : flex;
685
690
flex-direction : column;
686
691
justify-content : center;
687
- padding-bottom : 0.5ex ;
688
692
}
689
693
sidecar .sidecar-header-icon {
690
694
font-size : 2em ;
@@ -696,8 +700,7 @@ sidecar .sidecar-header-icon {
696
700
text-transform : uppercase;
697
701
}
698
702
sidecar .sidecar-header-icon-wrapper {
699
- width : 4em ;
700
- margin-right : 0.25em ;
703
+ width : 4em ; /* see the sidecar .sidecar-header .header-main-content calc(100% - 4em); the 4em parts must match! */
701
704
}
702
705
sidecar .header-left-bits {
703
706
align-items : stretch;
@@ -715,7 +718,7 @@ sidecar .sidecar-header-icon {
715
718
sidecar .sidecar-header-name {
716
719
flex : 1 ;
717
720
font-weight : 400 ;
718
- font-size : 2.5625 rem ;
721
+ font-size : 2.75 em ;
719
722
display : flex;
720
723
align-items : center;
721
724
margin : 1rem 0 0 ;
@@ -743,7 +746,6 @@ sidecar .sidecar-header-name-content .entity-name {
743
746
overflow : hidden;
744
747
text-overflow : ellipsis;
745
748
white-space : nowrap;
746
- font-weight : bold;
747
749
}
748
750
sidecar .sidecar-header-name-content > span {
749
751
display : block;
@@ -762,7 +764,7 @@ sidecar .sidecar-header-name .package-prefix {
762
764
sidecar .entity-is-activations .sidecar-header-name .activation-id {
763
765
font-family : var (--font-monospace );
764
766
font-size : 75% ;
765
- opacity : 0.6 ;
767
+ color : var ( --color-text-02 ) ;
766
768
font-size : 1rem ;
767
769
overflow : hidden;
768
770
text-overflow : ellipsis;
@@ -780,8 +782,8 @@ sidecar.entity-is-activations .sidecar-header-name .sidecar-header-name-content
780
782
}
781
783
sidecar .sidecar-header-secondary-content {
782
784
font-size : 0.875rem ;
783
- opacity : 0.75 ;
784
- margin : 0 1em 1 em 0 ;
785
+ color : var ( --color-text-02 ) ;
786
+ margin : 0 1em 0.75 em 0 ;
785
787
}
786
788
sidecar .sidecar-header-secondary-content .kind-content {
787
789
overflow : hidden;
@@ -959,6 +961,16 @@ sidecar.no-limits-data .activation-estimated-cost-container {
959
961
.deemphasize .deemphasize-partial {
960
962
opacity : 1 ;
961
963
}
964
+ .sans-serif {
965
+ font-family : var (--font-sans-serif );
966
+ }
967
+ .not-too-wide {
968
+ display : block; /* spans don't respond */
969
+ max-width : 35em ;
970
+ overflow : hidden;
971
+ text-overflow : ellipsis;
972
+ white-space : nowrap;
973
+ }
962
974
.normal-size {
963
975
color : var (--color-text-01 );
964
976
font-size : inherit;
0 commit comments