Style improvements and fixes

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

src/actions/settings.ts

@@ -61,10 +61,6 @@ const defaultSettings = ImmutableMap({
       reply: true,
       direct: false,
     }),
-
-    regex: ImmutableMap({
-      body: '',
-    }),
   }),
 
   notifications: ImmutableMap({
@@ -117,9 +113,6 @@ const defaultSettings = ImmutableMap({
     other: ImmutableMap({
       onlyMedia: false,
     }),
-    regex: ImmutableMap({
-      body: '',
-    }),
   }),
 
   public: ImmutableMap({
@@ -131,15 +124,9 @@ const defaultSettings = ImmutableMap({
     other: ImmutableMap({
       onlyMedia: false,
     }),
-    regex: ImmutableMap({
-      body: '',
-    }),
   }),
 
   direct: ImmutableMap({
-    regex: ImmutableMap({
-      body: '',
-    }),
   }),
 
   account_timeline: ImmutableMap({

src/components/thumb-navigation.tsx

@@ -45,7 +45,7 @@ const ThumbNavigation: React.FC = (): JSX.Element => {
   };
 
   return (
-    <div className='fixed inset-x-0 bottom-0 z-50 flex w-full overflow-x-auto border-t border-solid border-gray-200 bg-white/90 shadow-2xl backdrop-blur-md black:bg-black/90 lg:hidden dark:border-gray-800 dark:bg-primary-900/90'>
+    <div className='fixed inset-x-0 bottom-0 z-50 flex w-full overflow-x-auto border-t border-solid border-gray-200 bg-white/90 shadow-2xl backdrop-blur-md black:bg-black/80 lg:hidden dark:border-gray-800 dark:bg-primary-900/90'>
       <ThumbNavigationLink
         src={require('@tabler/icons/outline/home.svg')}
         activeSrc={require('@tabler/icons/filled/home.svg')}

src/components/ui/column/column.tsx

@@ -102,7 +102,7 @@ const Column: React.FC<IColumn> = React.forwardRef((props, ref: React.ForwardedR
             backHref={backHref}
             className={clsx({
               'rounded-t-3xl': !isScrolled && !transparent,
-              'sticky top-12 z-10 bg-white/90 dark:bg-primary-900/90 black:bg-black/90 backdrop-blur lg:top-16': !transparent,
+              'sticky top-12 z-10 bg-white/90 dark:bg-primary-900/90 black:bg-black/80 backdrop-blur lg:top-16': !transparent,
               'p-4 sm:p-0 sm:pb-4 black:p-4': transparent,
               '-mt-4 -mx-4 p-4': size !== 'lg' && !transparent,
               '-mt-4 -mx-4 p-4 sm:-mt-6 sm:-mx-6 sm:p-6': size === 'lg' && !transparent,

src/styles/basics.scss

@@ -24,7 +24,7 @@ noscript {
 // Virtuoso empty placeholder fix.
 // https://gitlab.com/petyosi/soapbox-fe/-/commit/1e22c39934b60e5e186de804060ecfdf1955b506
 div[data-viewport-type='window'] {
-  @apply static;
+  @apply static #{!important};
 }
 
 body.system-font,

src/styles/ui.scss

@@ -14,12 +14,12 @@
   &::-moz-focus-inner,
   &:focus,
   &:active {
-    outline: 0!important;
+    @apply outline-0 #{!important};
   }
 }
 
 .react-datepicker-popper {
-  z-index: 9999 !important;
+  @apply z-[9999] #{!important};
 }
 
 .ellipsis::after {

src/styles/utilities.scss

@@ -8,6 +8,5 @@
 }
 
 .emoji-lg img.emojione {
-  width: 36px !important;
-  height: 36px !important;
+  @apply h-9 w-9 #{!important};
 }