From 51623b47f013f797b38d4b71c1e4f209588770bd Mon Sep 17 00:00:00 2001 From: Robert Pintilii Date: Wed, 12 Jul 2023 15:51:56 +0300 Subject: [PATCH] ref(CSS): Cleanup (#13554) Remove unused styles --- css/_base.scss | 19 ------------------- css/_drawer.scss | 27 --------------------------- css/_login_menu.scss | 14 -------------- css/_mini_toolbox.scss | 5 ----- css/_modaldialog.scss | 29 ----------------------------- css/_navigate_section_list.scss | 3 --- css/_participants-count.scss | 0 css/_recording.scss | 11 +---------- css/_subject.scss | 8 -------- css/_toolbars.scss | 25 ------------------------- css/_utils.scss | 20 +------------------- css/_videolayout_default.scss | 26 -------------------------- 12 files changed, 2 insertions(+), 185 deletions(-) delete mode 100644 css/_modaldialog.scss delete mode 100644 css/_participants-count.scss diff --git a/css/_base.scss b/css/_base.scss index 6953cb3595..6194b39d49 100644 --- a/css/_base.scss +++ b/css/_base.scss @@ -66,10 +66,6 @@ body, input, textarea, keygen, select, button { font-family: $baseFontFamily !important; } -#nowebrtc { - display:none; -} - button, input, select, textarea { margin: 0; vertical-align: baseline; @@ -148,21 +144,6 @@ form { z-index: 100; } -.connected { - color: #21B9FC; - font-size: 12px; -} - -.lastN, .disconnected { - color: #a3a3a3; - font-size: 12px; -} - -#inviteLinkRef { - -webkit-user-select: text; - user-select: text; -} - /** * Re-style default OS scrollbar. */ diff --git a/css/_drawer.scss b/css/_drawer.scss index d57108062e..730edea7d9 100644 --- a/css/_drawer.scss +++ b/css/_drawer.scss @@ -28,18 +28,6 @@ margin-bottom: env(safe-area-inset-bottom, 0); width: 100%; - .drawer-toggle { - display: flex; - justify-content: center; - align-items: center; - height: 44px; - cursor: pointer; - - svg { - fill: none; - } - } - &#{&} .overflow-menu { margin: auto; font-size: 1.2em; @@ -65,25 +53,10 @@ align-items: center; } - &.unclickable { - cursor: default; - } - @media (hover: hover) and (pointer: fine) { - &.unclickable:hover { - background: inherit; - } - } &.disabled { cursor: initial; color: #3b475c; } } - - .profile-text { - max-width: 100%; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - } } } diff --git a/css/_login_menu.scss b/css/_login_menu.scss index f8cf722030..2326081ddb 100644 --- a/css/_login_menu.scss +++ b/css/_login_menu.scss @@ -1,18 +1,4 @@ -/*Initialize*/ -div.loginmenu { - position: absolute; - margin: 0; - padding: 5px; - top: 40px; - left: 20px; -} - a.disabled { color: gray !important; pointer-events: none; } - -.loginmenu.extendedToolbarPopup { - top: 20px; - left: 40px; -} \ No newline at end of file diff --git a/css/_mini_toolbox.scss b/css/_mini_toolbox.scss index 7b4a4faad3..14f8737d6f 100644 --- a/css/_mini_toolbox.scss +++ b/css/_mini_toolbox.scss @@ -1,4 +1,3 @@ -.filmstrip-toolbox, .always-on-top-toolbox { background-color: $newToolbarBackgroundColor; border-radius: 3px; @@ -29,7 +28,3 @@ transform: translateX(-50%); padding: 3px !important; } - -.filmstrip-toolbox { - flex-direction: column; -} diff --git a/css/_modaldialog.scss b/css/_modaldialog.scss deleted file mode 100644 index 2ffadc4c7e..0000000000 --- a/css/_modaldialog.scss +++ /dev/null @@ -1,29 +0,0 @@ -.jqistates { - font-size: 14px; -} - -.jqistates h2 { - padding-bottom: 10px; - border-bottom: 1px solid #eee; - font-size: 18px; - line-height: 25px; - text-align: center; - color: #424242; -} - -.jqistates input { - margin: 10px 0; -} - -.jqistates input[type='text'], input[type='password'] { - width: 100%; -} - -button.jqidefaultbutton #inviteLinkRef { - color: #2c8ad2; -} - -#inviteLinkRef { - -webkit-user-select: text; - user-select: text; -} \ No newline at end of file diff --git a/css/_navigate_section_list.scss b/css/_navigate_section_list.scss index 6956110794..019e2b173a 100644 --- a/css/_navigate_section_list.scss +++ b/css/_navigate_section_list.scss @@ -75,6 +75,3 @@ margin-bottom: 36px; width: 100%; } -.navigate-section-list-empty { - text-align: center; -} diff --git a/css/_participants-count.scss b/css/_participants-count.scss deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/css/_recording.scss b/css/_recording.scss index 5835432c4f..c95ae8a74c 100644 --- a/css/_recording.scss +++ b/css/_recording.scss @@ -1,7 +1,3 @@ -.recordingSpinner { - vertical-align: top; -} - .recording-dialog { flex: 0; flex-direction: column; @@ -50,10 +46,6 @@ } } - .recording-switch-disabled { - opacity: 0.5; - } - .recording-icon-container { display: inline-flex; align-items: center; @@ -156,8 +148,7 @@ */ font-size: 14px; - .broadcast-dropdown, - .broadcast-dropdown-trigger { + .broadcast-dropdown { text-align: left; } diff --git a/css/_subject.scss b/css/_subject.scss index 8854bf8880..f7a2cf75f7 100644 --- a/css/_subject.scss +++ b/css/_subject.scss @@ -34,14 +34,6 @@ } } -.subject-info { - align-items: center; - display: flex; - margin-bottom: 4px; - max-width: 80%; - height: 28px; -} - .details-container { width: 100%; display: flex; diff --git a/css/_toolbars.scss b/css/_toolbars.scss index a90020e291..d607e582cd 100644 --- a/css/_toolbars.scss +++ b/css/_toolbars.scss @@ -58,21 +58,6 @@ z-index: $toolbarZ; pointer-events: none; - .button-group-center, - .button-group-left, - .button-group-right { - display: flex; - width: 33%; - } - - .button-group-center { - justify-content: center; - } - - .button-group-right { - justify-content: flex-end; - } - .toolbox-button-wth-dialog { display: inline-block; } @@ -112,16 +97,6 @@ padding-bottom: env(safe-area-inset-bottom, 0); } -.beta-tag { - background: #36383C; - border-radius: 3px; - color: #fff; - font-size: 12px; - margin-left: 8px; - padding: 0 4px; - text-transform: uppercase; -} - .overflow-menu-hr { border-top: 1px solid #4C4D50; border-bottom: 0; diff --git a/css/_utils.scss b/css/_utils.scss index 05fa019f1d..ce264639c2 100644 --- a/css/_utils.scss +++ b/css/_utils.scss @@ -3,7 +3,7 @@ } .hidden { - display: none; + display: none; } /** @@ -24,24 +24,6 @@ display: block !important; } -/** - * Shows an inline element. - */ -.show-inline { - display: inline-block !important; -} - -/** - * Shows a flex element. - */ -.show-flex { - display: -webkit-box !important; - display: -moz-box !important; - display: -ms-flexbox !important; - display: -webkit-flex !important; - display: flex !important; -} - /** * resets default button styles, * mostly intended to be used on interactive elements that diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss index 2b75edd019..17f56b997f 100644 --- a/css/_videolayout_default.scss +++ b/css/_videolayout_default.scss @@ -209,23 +209,6 @@ } } -#reloadPresentation { - display: none; - position: absolute; - color: #FFFFFF; - top: 0; - right:0; - padding: 10px 10px; - font-size: 11pt; - cursor: pointer; - background: rgba(0, 0, 0, 0.3); - border-radius: 5px; - background-clip: padding-box; - -webkit-border-radius: 5px; - -webkit-background-clip: padding-box; - z-index: 20; /*The reload button should appear on top of the header!*/ -} - #dominantSpeaker { visibility: hidden; width: 300px; @@ -236,10 +219,6 @@ transform: translateY(-50%); } -#mixedstream { - display:none !important; -} - #dominantSpeakerAvatarContainer, .dynamic-shadow { width: 200px; @@ -309,11 +288,6 @@ object-fit: cover; } -.videoMessageFilter { - -webkit-filter: grayscale(.5) opacity(0.8); - filter: grayscale(.5) opacity(0.8); -} - #remotePresenceMessage, #remoteConnectionMessage { position: absolute;