aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/AntimodeMenu.scss
diff options
context:
space:
mode:
authorusodhi <61431818+usodhi@users.noreply.github.com>2020-07-03 11:24:34 +0530
committerusodhi <61431818+usodhi@users.noreply.github.com>2020-07-03 11:24:34 +0530
commit08afc54f9341b7b5cca3e7846fdfa7bcd701a23c (patch)
treee204d7b11bc207247f911a5e611de42c363cbd8f /src/client/views/AntimodeMenu.scss
parentd7f2f6994ce6f2a450dff67b3595a692be9cb977 (diff)
parentda0b78bb21d29cb861e1b684023b991b9f95e62b (diff)
Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web into acls_uv
Diffstat (limited to 'src/client/views/AntimodeMenu.scss')
-rw-r--r--src/client/views/AntimodeMenu.scss31
1 files changed, 31 insertions, 0 deletions
diff --git a/src/client/views/AntimodeMenu.scss b/src/client/views/AntimodeMenu.scss
index e56574bb7..be21cec12 100644
--- a/src/client/views/AntimodeMenu.scss
+++ b/src/client/views/AntimodeMenu.scss
@@ -42,4 +42,35 @@
background-repeat: no-repeat;
background-position: left center;
}
+}
+
+@media only screen and (max-device-width: 480px) {
+ .antimodeMenu-cont {
+ height: 100px;
+ width: 100vw;
+
+ &.with-rows {
+ flex-direction: column-reverse;
+ }
+
+ .antimodeMenu-row {
+ display: flex;
+ height: 100%;
+ width: 100%;
+ }
+
+ .antimodeMenu-button {
+ background-color: transparent;
+ width: 100px;
+ height: 100px;
+
+ &.active {
+ background-color: #121212;
+ }
+ }
+
+ .antimodeMenu-button:hover {
+ background-color: #121212;
+ }
+ }
} \ No newline at end of file