diff options
| author | usodhi <61431818+usodhi@users.noreply.github.com> | 2020-07-03 11:24:34 +0530 |
|---|---|---|
| committer | usodhi <61431818+usodhi@users.noreply.github.com> | 2020-07-03 11:24:34 +0530 |
| commit | 08afc54f9341b7b5cca3e7846fdfa7bcd701a23c (patch) | |
| tree | e204d7b11bc207247f911a5e611de42c363cbd8f /src/client/views/AntimodeMenu.scss | |
| parent | d7f2f6994ce6f2a450dff67b3595a692be9cb977 (diff) | |
| parent | da0b78bb21d29cb861e1b684023b991b9f95e62b (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.scss | 31 |
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 |
