style(client): refine conversation tab indicator
This commit is contained in:
@@ -26,9 +26,22 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
|
position: relative;
|
||||||
flex: none;
|
flex: none;
|
||||||
padding: 12px 28px 0 20px;
|
padding: 12px 28px 0 20px;
|
||||||
border-bottom: 1px solid var(--dsw-alias-border-l2);
|
border-bottom: 1px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
bottom: 1px;
|
||||||
|
left: 0;
|
||||||
|
z-index: 0;
|
||||||
|
height: 1px;
|
||||||
|
background: var(--dsw-alias-border-l2);
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Blank hero/settling: keep the strict Session header mounted without taking
|
/* Blank hero/settling: keep the strict Session header mounted without taking
|
||||||
@@ -100,13 +113,15 @@
|
|||||||
|
|
||||||
/* figma Tab_Group 34:11441: 35px strip, gap 36, pad-left 8, tabs bottom-aligned. */
|
/* figma Tab_Group 34:11441: 35px strip, gap 36, pad-left 8, tabs bottom-aligned. */
|
||||||
.tabs {
|
.tabs {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 36px;
|
gap: 36px;
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* figma .Tab 34:11442: 13/16 text (figma wt510, rendered 500), gap 8 to the 3px bar (no bottom rounding). */
|
/* figma .Tab 34:11442: 13/16 text (figma wt510, rendered 500), gap 8 to the 3px bar. */
|
||||||
.tab {
|
.tab {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0 0 11px;
|
padding: 0 0 11px;
|
||||||
@@ -126,6 +141,7 @@
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
height: 3px;
|
height: 3px;
|
||||||
|
border-radius: 2px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user