rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: make super toolbar full width [skip e2e]

Browse Source
This commit is contained in:
Aman Harwara
2023-10-24 08:11:19 +05:30
parent 40ec5ac2dc
commit 429f8b3b30
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx
View File

@@ -105,7 +105,11 @@ const ToolbarButton = forwardRef(
active && 'bg-info text-info-contrast', active && 'bg-info text-info-contrast',
)} )}
> >
<Icon type={iconName} size="medium" className="!text-current [&>path]:!text-current" /> <Icon
type={iconName}
size="custom"
className="h-4 w-4 !text-current md:h-3.5 md:w-3.5 [&>path]:!text-current"
/>
</div> </div>
</ToolbarItem> </ToolbarItem>
</StyledTooltip> </StyledTooltip>
@@ -417,7 +421,7 @@ const ToolbarPlugin = () => {
<div <div
className={classNames( className={classNames(
'bg-contrast', 'bg-contrast',
'md:absolute md:bottom-0 md:left-1/2 md:max-w-[60%] md:-translate-x-1/2 md:rounded-t-lg md:border md:border-b-0 md:border-border md:px-2 md:py-1 md:translucent-ui:border-[--popover-border-color] md:translucent-ui:bg-[--popover-background-color] md:translucent-ui:[backdrop-filter:var(--popover-backdrop-filter)]', 'md:absolute md:bottom-0 md:left-1/2 md:w-full md:-translate-x-1/2 md:border-t md:border-border md:px-2 md:py-1 md:translucent-ui:border-[--popover-border-color] md:translucent-ui:bg-[--popover-background-color] md:translucent-ui:[backdrop-filter:var(--popover-backdrop-filter)]',
!canShowToolbar || !isEditable ? 'hidden' : '', !canShowToolbar || !isEditable ? 'hidden' : '',
)} )}
id="super-mobile-toolbar" id="super-mobile-toolbar"
@@ -461,7 +465,7 @@ const ToolbarPlugin = () => {
)} )}
<div className="flex w-full flex-shrink-0 border-t border-border md:border-0"> <div className="flex w-full flex-shrink-0 border-t border-border md:border-0">
<Toolbar <Toolbar
className="flex items-center gap-1 overflow-x-auto px-1 [&::-webkit-scrollbar]:h-0" className="flex items-center gap-1 overflow-x-auto px-1 [&::-webkit-scrollbar]:h-[13px]"
ref={toolbarRef} ref={toolbarRef}
store={toolbarStore} store={toolbarStore}
> >