mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-11-29 04:38:55 +03:00
Code Issues Projects Releases Packages Wiki Activity

Attempt to make menus wider

Browse source
This commit is contained in:
Lim Chee Aun 2024-08-24 18:05:30 +08:00
parent b2fa32d134
commit ea53d8ad9d
3 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app.css
View file

@ -1819,7 +1819,7 @@ body > .szh-menu-container {
box-shadow: 0 3px 16px -3px var(--drop-shadow-color); box-shadow: 0 3px 16px -3px var(--drop-shadow-color);
text-align: start; text-align: start;
/* animation: appear-smooth 0.15s ease-in-out; */ /* animation: appear-smooth 0.15s ease-in-out; */
width: 16em; min-width: 16em;
max-width: 90vw; max-width: 90vw;
/* overflow: hidden; */ /* overflow: hidden; */
} }
@ -2078,6 +2078,8 @@ body > .szh-menu-container {
} }
.szh-menu .menu-wrap { .szh-menu .menu-wrap {
min-width: 16em;
width: min-content;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }

2
src/components/nav-menu.css
View file

@ -13,7 +13,7 @@
'top top' 'top top'
'left right'; 'left right';
padding: 0; padding: 0;
width: 22em; min-width: 22em;
max-width: calc(100vw - 16px); max-width: calc(100vw - 16px);
} }
.nav-menu .top-menu { .nav-menu .top-menu {

9
src/components/status.jsx
View file

@ -1060,7 +1060,14 @@ function Status({
)} )}
<MenuItem href={url} target="_blank"> <MenuItem href={url} target="_blank">
<Icon icon="external" /> <Icon icon="external" />
<small class="menu-double-lines">{nicePostURL(url)}</small> <small
class="menu-double-lines"
style={{
maxWidth: '16em',
}}
>
{nicePostURL(url)}
</small>
</MenuItem> </MenuItem>
<div class="menu-horizontal"> <div class="menu-horizontal">
<MenuItem <MenuItem