Merge branch 'staging' into issues/221-popup-feed

src/assets/games/Games_Other.csv

@@ -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

src/components/CategoryAutocomplete.tsx

@@ -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

src/layout/feed.tsx

@@ -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'>

src/pages/mod/index.tsx

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

src/styles/comments.css

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

src/styles/popup.css

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

src/styles/tags.css

@@ -56,39 +56,55 @@
 }
 
 .IBMSMSMBSSCategories {
-  width: 100%;
+    width: 100%;
-  display: flex;
+    display: flex;
-  flex-direction: column;
+    flex-direction: column;
-  grid-gap: 5px;
+    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;
+    grid-gap: 5px;
-    background: hsl(0deg 0% 100% / 0%);
+    background: hsl(0deg 0% 0% / 10%);
-    border-radius: 5px;
+    border-radius: 10px;
-    overflow: hidden;
     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%);
+    color: #ffffff59;
-    background: hsl(0deg 0% 100% / 10%);
+    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%);
+    color: #ffffff59;
-    background: hsl(0deg 0% 100% / 10%);
+    background: #ffffff1a;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
+    border-radius: 5px;
 }