@@ -3818,6 +3818,97 @@ a.iterationDiffToggle {
38183818 color : # 17130f ;
38193819}
38203820
3821+ /* Filter + Expand panel — sits directly to the LEFT of the round
3822+ icon toolbar (.researchMapControls at top:84 right:20), sharing
3823+ the same cream/parchment palette so they read as a single
3824+ floating control group. Pre-fix, the filter chips were inline-
3825+ styled in the document flow and overlapped the title; isolating
3826+ them in a position-absolute pill keeps them anchored regardless
3827+ of paper title length. */
3828+ .researchMapFilterPanel {
3829+ position : absolute;
3830+ z-index : 6 ;
3831+ top : 84px ;
3832+ right : 76px ; /* leave room for the round toolbar at top:84 right:20 */
3833+ display : inline-flex;
3834+ align-items : center;
3835+ gap : 4px ;
3836+ padding : 4px 8px ;
3837+ border : 1px solid rgba (37 , 33 , 29 , 0.12 );
3838+ border-radius : 16px ;
3839+ background : rgba (255 , 250 , 240 , 0.74 );
3840+ box-shadow : 0 16px 38px rgba (37 , 33 , 29 , 0.10 );
3841+ backdrop-filter : blur (16px );
3842+ pointer-events : auto;
3843+ }
3844+
3845+ /* Prominent labeled action — pulled out of the round icon toolbar
3846+ so its variable-width text doesn't stretch the toolbar's grid
3847+ column. Lives on the left of the filter panel, before the
3848+ "Show" chips. */
3849+ .researchMapFilterAction {
3850+ display : inline-flex;
3851+ align-items : center;
3852+ gap : 5px ;
3853+ padding : 4px 10px ;
3854+ border : 1px solid transparent;
3855+ border-radius : 12px ;
3856+ background : transparent;
3857+ color : # 4d4434 ;
3858+ cursor : pointer;
3859+ font-size : 11px ;
3860+ font-weight : 700 ;
3861+ letter-spacing : 0.02em ;
3862+ transition : background 120ms ease, border-color 120ms ease, color 120ms ease;
3863+ }
3864+
3865+ .researchMapFilterAction : hover {
3866+ border-color : rgba (123 , 107 , 74 , 0.28 );
3867+ background : rgba (242 , 202 , 89 , 0.18 );
3868+ color : # 17130f ;
3869+ }
3870+
3871+ .researchMapFilterDivider {
3872+ width : 1px ;
3873+ height : 18px ;
3874+ margin : 0 4px ;
3875+ background : rgba (37 , 33 , 29 , 0.18 );
3876+ }
3877+
3878+ .researchMapFilterPanelLabel {
3879+ margin-right : 4px ;
3880+ color : # 8a795b ;
3881+ font-size : 9px ;
3882+ font-weight : 900 ;
3883+ letter-spacing : 0.14em ;
3884+ text-transform : uppercase;
3885+ }
3886+
3887+ .researchMapFilterChip {
3888+ padding : 4px 10px ;
3889+ border : 1px solid transparent;
3890+ border-radius : 12px ;
3891+ background : transparent;
3892+ color : # 4d4434 ;
3893+ cursor : pointer;
3894+ font-size : 11px ;
3895+ font-weight : 700 ;
3896+ letter-spacing : 0.02em ;
3897+ transition : background 120ms ease, border-color 120ms ease, color 120ms ease;
3898+ }
3899+
3900+ .researchMapFilterChip : hover {
3901+ border-color : rgba (123 , 107 , 74 , 0.28 );
3902+ background : rgba (242 , 202 , 89 , 0.18 );
3903+ color : # 17130f ;
3904+ }
3905+
3906+ .researchMapFilterChip .active {
3907+ border-color : rgba (37 , 33 , 29 , 0.60 );
3908+ background : # 25211d ;
3909+ color : # fdf7e6 ;
3910+ }
3911+
38213912.branchBackdrop {
38223913 fill : transparent;
38233914}
0 commit comments