boardsSwitcher.scss
TLDR
The boardsSwitcher.scss
file contains SCSS styles for the Boards Switcher component.
.BoardsSwitcherWrapper {
display: flex;
flex-direction: row;
padding: 0 16px;
.BoardsSwitcher {
display: flex;
flex-direction: row;
background-color: rgba(var(--sidebar-text-rgb), 0.08);
color: rgba(var(--sidebar-text-rgb), 0.56);
flex: 1;
padding: 6px 8px 6px 4px;
gap: 4px;
border-radius: 4px;
cursor: pointer;
height: 28px;
align-items: center;
font-size: 12px;
&:hover {
background: rgba(var(--sidebar-text-rgb), 0.16);
color: var(--sidebar-text);
}
}
.CompassIcon.icon-magnify.CompassIcon {
font-size: 16px;
}
.add-board-icon {
border-radius: 28px;
margin-left: 8px;
width: 28px;
height: 28px;
flex: 0 0 28px;
background-color: rgba(var(--sidebar-text-rgb), 0.08);
color: rgba(var(--sidebar-text-rgb), 0.72);
&:hover {
background-color: rgba(var(--sidebar-text-rgb), 0.16);
color: var(--sidebar-text);
}
}
}