Ensure the max width value of the tooltip is used only on settings ta…

…bs (matrix-org#8880)
ckiee · Jun 25, 2022 · 3ecf7e1 · 3ecf7e1
1 parent 814ca68
commit 3ecf7e1
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/res/css/_common.scss b/res/css/_common.scss
@@ -705,11 +705,6 @@ legend {
     margin-right: 100px;
 }
 
-@define-mixin mx_Settings_tooltip {
-    // So it fits in the space provided by the page
-    max-width: 120px;
-}
-
 @define-mixin ProgressBarColour $colour {
     color: $colour;
     &::-moz-progress-bar {

diff --git a/res/css/views/settings/_SetIdServer.scss b/res/css/views/settings/_SetIdServer.scss
@@ -19,5 +19,5 @@ limitations under the License.
 }
 
 .mx_SetIdServer_tooltip {
-    @mixin mx_Settings_tooltip;
+    max-width: var(--SettingsTab_tooltip-max-width);
 }
diff --git a/res/css/views/settings/tabs/_SettingsTab.scss b/res/css/views/settings/tabs/_SettingsTab.scss
@@ -16,6 +16,8 @@ limitations under the License.
 
 .mx_SettingsTab {
     --SettingsTab_section-margin-bottom-preferences-labs: 30px;
+    --SettingsTab_tooltip-max-width: 120px; // So it fits in the space provided by the page
+
     color: $primary-content;
 
     a {