204e06b77b
* feat: allow the hiding of top picks * feat: allow the hiding of default fonts * refactor: rename to compactMode * feat: introduce layout (incomplete) * tweak icons * do not show border * lint * add isTouchMobile to device * add isTouchMobile to device * refactor to use showCompactSidebar instead * hide library label in compact * fix icon color in dark theme * fix library and share btns getting hidden in smaller tablet widths * update tests * use a smaller gap between shapes * proper fix of range * quicker switching between different popovers * to not show properties panel at all when editing text * fix switching between different popovers for texts * fix popover not closable and font search auto focus * change properties for a new or editing text * change icon for more style settings * use bolt icon for extra actions * fix breakpoints * use rem for icon sizes * fix tests * improve switching between triggers (incomplete) * improve trigger switching (complete) * clean up code * put compact into app state * fix button size * remove redundant PanelComponentProps["compactMode"] * move fontSize UI on top * mobile detection (breakpoints incomplete) * tweak compact mode detection * rename appState prop & values * update snapshots --------- Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com>
21 lines
457 B
SCSS
21 lines
457 B
SCSS
@import "../../css/variables.module.scss";
|
|
|
|
.excalidraw {
|
|
.FontPicker__container {
|
|
display: grid;
|
|
grid-template-columns: calc(1rem + 3 * var(--default-button-size)) 1rem 1fr; // calc ~ 2 gaps + 4 buttons
|
|
align-items: center;
|
|
|
|
@include isMobile {
|
|
max-width: calc(
|
|
2rem + 4 * var(--default-button-size)
|
|
); // 4 gaps + 4 buttons
|
|
}
|
|
|
|
&--compact {
|
|
display: block;
|
|
grid-template-columns: none;
|
|
}
|
|
}
|
|
}
|