degmods/degmods.com
6
1
Fork 0
Code Issues 29 Pull Requests Actions Packages Projects 3 Releases Wiki Activity

fix(feed): use portals for profile section popups #222

Merged
enes merged 2 commits from issues/221-popup-feed into staging 2025-02-10 10:01:01 +00:00
Conversation 0 Commits 2 Files Changed 2 +50 -18
7 changed files with 50 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ffcdcc45ad - Show all commits

5
src/assets/games/Games_Other.csv
View File

@ -12,4 +12,7 @@ Stellar Blade,,https://image.nostr.build/4dd76ef8ff985d2afc8b3eba323f18de7165659
Bayonetta 2,,https://image.nostr.build/916f0b1fd4938114867654d7625f8e817b7f710d7729c81c911e1011fa74afad.jpg
Grand Theft Auto: Vice City,,https://image.nostr.build/6f364ebb635cc878b284a06e8131dcec5eb4b574eece7ab206df8a9af639ddf6.jpg
Alan Wake 2,,https://image.nostr.build/9c185ddb6f3c3b1f56835be8d36200eda7de0f36888b02523f4d39ade235ffab.jpg
Guitar Hero World Tour,,https://image.nostr.build/7b0567e703e489479646be65ecf8a998edc092ff0e01f8c85d1726b327bc26f8.jpg
Guitar Hero World Tour,,https://image.nostr.build/7b0567e703e489479646be65ecf8a998edc092ff0e01f8c85d1726b327bc26f8.jpg
Gravity Rush,,https://image.nostr.build/cc918c24940606e8b293cb25533d9bc7bff5b88ee393869ad2faddb8ad52e564.jpg
Gravity Rush 2,,https://image.nostr.build/d6240f12a5d4e38295afc833ebf9624b16cd1753d1a2e679b98c574997677748.jpg
Gravity Rush: Remastered,,https://image.nostr.build/8bdfaab2ffe928a2dd2901fc1f7f006506a8e91272222a8e12023a5485c570b8.jpg
1 Game Name 16 by 9 image Boxart image
12 Bayonetta 2 https://image.nostr.build/916f0b1fd4938114867654d7625f8e817b7f710d7729c81c911e1011fa74afad.jpg
13 Grand Theft Auto: Vice City https://image.nostr.build/6f364ebb635cc878b284a06e8131dcec5eb4b574eece7ab206df8a9af639ddf6.jpg
14 Alan Wake 2 https://image.nostr.build/9c185ddb6f3c3b1f56835be8d36200eda7de0f36888b02523f4d39ade235ffab.jpg
15 Guitar Hero World Tour https://image.nostr.build/7b0567e703e489479646be65ecf8a998edc092ff0e01f8c85d1726b327bc26f8.jpg
16 Gravity Rush https://image.nostr.build/cc918c24940606e8b293cb25533d9bc7bff5b88ee393869ad2faddb8ad52e564.jpg
17 Gravity Rush 2 https://image.nostr.build/d6240f12a5d4e38295afc833ebf9624b16cd1753d1a2e679b98c574997677748.jpg
18 Gravity Rush: Remastered https://image.nostr.build/8bdfaab2ffe928a2dd2901fc1f7f006506a8e91272222a8e12023a5485c570b8.jpg

2
src/components/CategoryAutocomplete.tsx
View File

@ -209,7 +209,7 @@ export const CategoryAutocomplete = ({
return (
<div className='inputLabelWrapperMain'>
<label className='form-label labelMain'>Categories</label>
<p className='labelDescriptionMain'>You can select multiple categories</p>
<p className='labelDescriptionMain'>You can select multiple categories, or even add your own custom category (ex: custom &gt; custom sub)</p>
<div className='dropdown dropdownMain'>
<div className='inputWrapperMain inputWrapperMainAlt'>
<input

2
src/layout/feed.tsx
View File

@ -16,13 +16,11 @@ export const FeedLayout = () => {
<div className='IBMSMSplitMainFullSideFeedWrapper'>
<div className='IBMSMSplitMainFullSideFWSide'>
{userState.auth && userState.user?.pubkey && (
<div className='IBMSMSplitMainSmallSide'>
<div className='IBMSMSplitMainSmallSideSecWrapper'>
<div className='IBMSMSplitMainSmallSideSec'>
<Profile pubkey={userState.user.pubkey as string} />
</div>
</div>
</div>
)}
</div>
<div className='IBMSMSplitMainFullSideFWMid'>

2
src/pages/mod/index.tsx
View File

@ -587,7 +587,7 @@ const Body = ({
key={`separator-${i}`}
className='IBMSMSMBSSCategoriesBoxSeparator'
>
<p>&gt;</p>
<i className='fas fa-chevron-right'></i>
</div>,
curr
])

10
src/styles/comments.css
View File

@ -597,3 +597,13 @@ hover {
border: unset;
padding: unset;
}
.pUMCB_PrimeComment > *:last-child {
border: unset;
padding: unset;
}
.IBMSMSMBSSCommentsList > * {
border: unset;
padding: unset;
}

5
src/styles/popup.css
View File

@ -439,3 +439,8 @@
font-weight: normal;
color: #ffffff25;
}
.IBMSMSMBSSCommentsList > * {
border: unset;
padding: unset;
}

42
src/styles/tags.css
View File

@ -56,39 +56,55 @@
}
.IBMSMSMBSSCategories {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 5px;
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 10px;
max-height: 300px;
overflow: auto;
padding: 10px;
background: #00000029;
border-radius: 10px;
border: solid 1px #ffffff14;
}
.IBMSMSMBSSCategoriesBox {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 2px;
background: hsl(0deg 0% 100% / 0%);
border-radius: 5px;
overflow: hidden;
grid-gap: 5px;
background: hsl(0deg 0% 0% / 10%);
border-radius: 10px;
white-space: nowrap;
flex-wrap: wrap;
padding: 10px;
border: solid 1px hsl(0deg 0% 100% / 10%);
}
.IBMSMSMBSSCategoriesBoxItem {
transition: ease 0.3s;
padding: 10px 15px;
line-height: 1;
color: hsl(0deg 0% 100% / 35%);
background: hsl(0deg 0% 100% / 10%);
color: #ffffff59;
background: #ffffff1a;
flex-grow: 1;
border-radius: 5px;
}
.IBMSMSMBSSCategoriesBoxItem:hover {
text-decoration: unset;
color: white;
background: rgb(255 255 255 / 15%);
}
.IBMSMSMBSSCategoriesBoxSeparator {
padding: 5px;
padding: 5px 5px 5px 7px;
line-height: 1;
color: hsl(0deg 0% 100% / 35%);
background: hsl(0deg 0% 100% / 10%);
color: #ffffff59;
background: #ffffff1a;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 5px;
}