Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-24 00:38:49 +01:00
Code Issues Projects Releases Packages Wiki Activity

More compact menu items

Browse source
This commit is contained in:
Lim Chee Aun 2023-04-10 01:21:02 +08:00
parent 60cfeea89f
commit c7db204d5b
2 changed files with 55 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/app.css
View file

@ -1273,6 +1273,18 @@ body:has(.status-deck) .media-post-link {
.szh-menu .menu-horizontal .szh-menu__item {
flex: 1;
}
.szh-menu .menu-horizontal .szh-menu__item:not(:only-child):first-child {
padding-right: 4px !important;
}
.szh-menu
.menu-horizontal
.szh-menu__item:not(:only-child):not(:first-child):not(:last-child) {
padding-left: 8px !important;
padding-right: 4px !important;
}
.szh-menu .menu-horizontal .szh-menu__item:not(:only-child):last-child {
padding-left: 8px !important;
}
.szh-menu .szh-menu__item .menu-shortcut {
opacity: 0.5;
font-weight: normal;

83
src/components/status.jsx
View file

@ -462,12 +462,13 @@ function Status({
)}
{!isSizeLarge && sameInstance && (
<>
<MenuItem onClick={replyStatus}>
<Icon icon="reply" />
<span>Reply</span>
</MenuItem>
{canBoost && (
<div class="menu-horizontal">
<MenuItem onClick={replyStatus}>
<Icon icon="reply" />
<span>Reply</span>
</MenuItem>
<MenuItem
disabled={!canBoost}
onClick={async () => {
try {
const done = await boostStatus();
@ -485,41 +486,43 @@ function Status({
/>
<span>{reblogged ? 'Unboost' : 'Boost…'}</span>
</MenuItem>
)}
<MenuItem
onClick={() => {
try {
favouriteStatus();
if (!isSizeLarge)
showToast(favourited ? 'Unfavourited' : 'Favourited');
} catch (e) {}
}}
>
<Icon
icon="heart"
style={{
color: favourited && 'var(--favourite-color)',
</div>
<div class="menu-horizontal">
<MenuItem
onClick={() => {
try {
favouriteStatus();
if (!isSizeLarge)
showToast(favourited ? 'Unfavourited' : 'Favourited');
} catch (e) {}
}}
/>
<span>{favourited ? 'Unfavourite' : 'Favourite'}</span>
</MenuItem>
<MenuItem
onClick={() => {
try {
bookmarkStatus();
if (!isSizeLarge)
showToast(bookmarked ? 'Unbookmarked' : 'Bookmarked');
} catch (e) {}
}}
>
<Icon
icon="bookmark"
style={{
color: bookmarked && 'var(--link-color)',
>
<Icon
icon="heart"
style={{
color: favourited && 'var(--favourite-color)',
}}
/>
<span>{favourited ? 'Unfavourite' : 'Favourite'}</span>
</MenuItem>
<MenuItem
onClick={() => {
try {
bookmarkStatus();
if (!isSizeLarge)
showToast(bookmarked ? 'Unbookmarked' : 'Bookmarked');
} catch (e) {}
}}
/>
<span>{bookmarked ? 'Unbookmark' : 'Bookmark'}</span>
</MenuItem>
>
<Icon
icon="bookmark"
style={{
color: bookmarked && 'var(--link-color)',
}}
/>
<span>{bookmarked ? 'Unbookmark' : 'Bookmark'}</span>
</MenuItem>
</div>
</>
)}
{enableTranslate && (
@ -609,7 +612,7 @@ function Status({
</MenuItem>
)}
{isSelf && (
<>
<div class="menu-horizontal">
<MenuItem
onClick={() => {
states.showCompose = {
@ -643,7 +646,7 @@ function Status({
<span>Delete…</span>
</MenuItem>
)}
</>
</div>
)}
</>
);