flex-wrap: wrap;
order: 1;
flex-shrink: 0;
- margin-left: 8px;
- margin-right: 8px;
- margin-top: 3px;
- margin-bottom: 3px;
- width: calc(100% - 16px);
- overflow: hidden;
- border-radius: var(--border-radius-pill);
+ margin-left: 8px;
+ margin-right: 8px;
+ margin-top: 3px;
+ margin-bottom: 3px;
+ width: calc(100% - 16px);
+ overflow: hidden;
+ border-radius: var(--border-radius-pill);
/* Pinned-to-bottom entries */
&.pinned {
}
}
&:first-child img {
- margin-right: 11px;
- width: 16px;
- height: 16px;
+ margin-right: 11px;
+ width: 16px;
+ height: 16px;
// Legacy invert if bright background
filter: var(--background-invert-if-dark);
}
display: flex;
width: calc(100% - var(--body-container-margin) * 2);
height: var(--body-height);
- border-radius: var(--body-container-radius);
+ border-radius: var(--body-container-radius);
overflow: hidden;
&:not(.with-sidebar--full) {
box-shadow: 0 0 0 2px var(--color-primary-element);
}
&.active {
- border-radius: var(--border-radius-pill);
+ border-radius: var(--border-radius-pill);
background-color: var(--color-primary-light);
}
/* prevent .action class to break the design */