diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css index 42cc938d81..ee59c3f194 100644 --- a/web/styles/app_variables.css +++ b/web/styles/app_variables.css @@ -59,7 +59,9 @@ --left-sidebar-header-icon-width: 15px; /* Tippy popover related values */ - --popover-menu-min-width: 230px; + --navbar-popover-menu-min-width: 230px; + --message-actions-popover-min-width: 230px; + --topic-actions-popover-min-width: 200px; /* Information density and typography values */ /* The legacy values here are updated via JavaScript */ diff --git a/web/styles/popovers.css b/web/styles/popovers.css index 008d677cf0..cf68a94765 100644 --- a/web/styles/popovers.css +++ b/web/styles/popovers.css @@ -1195,7 +1195,6 @@ ul { border-radius: 6px; .simplebar-content { - min-width: var(--popover-menu-min-width); /* Set the popover menu width equal to the width of the longest menu item, thus letting the menu items control the width of the menu. */ @@ -1297,6 +1296,29 @@ ul { } } +#help-menu-dropdown, +#gear-menu-dropdown, +#personal-menu-dropdown { + .simplebar-content { + min-width: var(--navbar-popover-menu-min-width); + } +} + +#message-actions-menu-dropdown { + --popover-menu-max-width: 350px; + + .simplebar-content { + min-width: var(--message-actions-popover-min-width); + } +} + +#stream-actions-menu-popover, +#topic-actions-menu-popover { + .simplebar-content { + min-width: var(--topic-actions-popover-min-width); + } +} + .personal-menu-clear-status { display: flex; padding: 3px; @@ -1466,7 +1488,3 @@ ul.popover-menu-outer-list { outline-offset: -1px; } } - -#message-actions-menu-dropdown { - --popover-menu-max-width: 350px; -}