Updating sidebar position in settings modal (#25738)

* Updating sidebar position in settings modal

* Updating sidebar

* Updating css

* Updating commit

* Fixing lint

webapp/channels/src/components/settings_sidebar/settings_sidebar.tsx

@@ -7,7 +7,6 @@ import {FormattedMessage} from 'react-intl';
 
 import Constants from 'utils/constants';
 import {isKeyPressed} from 'utils/keyboard';
-import * as UserAgent from 'utils/user_agent';
 import {a11yFocus} from 'utils/utils';
 
 export type Tab = {
@@ -53,12 +52,6 @@ export default class SettingsSidebar extends React.PureComponent<Props> {
         }
     };
 
-    public componentDidMount() {
-        if (UserAgent.isFirefox()) {
-            document.querySelector('.settings-modal .settings-table .nav')?.classList.add('position--top');
-        }
-    }
-
     private renderTab(tab: Tab, index: number) {
         const key = `${tab.name}_li`;
         const isActive = this.props.activeTab === tab.name;

webapp/channels/src/sass/responsive/_mobile.scss

@@ -273,10 +273,6 @@
                         width: 100%;
                         margin: 0;
 
-                        &.position--top {
-                            top: auto;
-                        }
-
                         >li {
                             >a {
                                 font-size: 1.1em;

webapp/channels/src/sass/routes/_settings.scss

@@ -198,16 +198,6 @@
                 vertical-align: top;
             }
 
-            .nav {
-                position: fixed;
-                width: 179px;
-                margin: 0;
-
-                &.position--top {
-                    top: 57px;
-                }
-            }
-
             .security-links {
                 margin-right: 20px;