From 0d4948c6f6ff760d4e60bb670bb7d77ba89f77b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Atte=20Kein=C3=A4nen?= <atte.keinanen@gmail.com>
Date: Fri, 21 Apr 2017 15:04:23 -0700
Subject: [PATCH] Use a BEM-compliant CSS naming convention
---
frontend/src/metabase/css/components/modal.css | 4 ++--
.../src/metabase/query_builder/components/QueryModeButton.jsx | 2 +-
2 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/frontend/src/metabase/css/components/modal.css b/frontend/src/metabase/css/components/modal.css
index c2833cc031c..7ee88dad851 100644
--- a/frontend/src/metabase/css/components/modal.css
+++ b/frontend/src/metabase/css/components/modal.css
@@ -14,7 +14,7 @@
* https://github.com/philipwalton/flexbugs/issues/157
* Set margin to zero when using Flexbox in `WindowModal` component
*/
-.Modal-backdrop > .Modal, .Modal-backdrop-dark > .Modal {
+.Modal-backdrop > .Modal, .Modal-backdrop--dark > .Modal {
margin: 0;
}
@@ -40,7 +40,7 @@
background-color: rgba(255, 255, 255, 0.6);
}
-.Modal-backdrop-dark {
+.Modal-backdrop--dark {
background-color: rgba(75, 75, 75, 0.7);
}
diff --git a/frontend/src/metabase/query_builder/components/QueryModeButton.jsx b/frontend/src/metabase/query_builder/components/QueryModeButton.jsx
index e422e1f3318..47f0890a29f 100644
--- a/frontend/src/metabase/query_builder/components/QueryModeButton.jsx
+++ b/frontend/src/metabase/query_builder/components/QueryModeButton.jsx
@@ -59,7 +59,7 @@ export default class QueryModeButton extends Component {
</span>
</Tooltip>
- <Modal medium backdropClassName="Modal-backdrop-dark" isOpen={this.state.isOpen} onClose={() => this.setState({isOpen: false})}>
+ <Modal medium backdropClassName="Modal-backdrop--dark" isOpen={this.state.isOpen} onClose={() => this.setState({isOpen: false})}>
<div className="p4">
<div className="mb3 flex flex-row flex-full align-center justify-between">
<h2>{capitalize(nativeQueryName)} for this question</h2>
--
GitLab