From 1e365c040f80192c22351c7705c185600a311a7e Mon Sep 17 00:00:00 2001 From: James Barnsley Date: Sun, 3 Sep 2017 08:18:52 +1200 Subject: [PATCH] Exposing context menu regardless of screen size, rely on touch vs notouch #186 --- src/scss/components/_context-menu.scss | 46 +++++++++++--------------- 1 file changed, 19 insertions(+), 27 deletions(-) diff --git a/src/scss/components/_context-menu.scss b/src/scss/components/_context-menu.scss index fe4318c6..9c224593 100755 --- a/src/scss/components/_context-menu.scss +++ b/src/scss/components/_context-menu.scss @@ -313,36 +313,28 @@ } } -.list { +.touch .list { &.track-list { - .context-menu-trigger { - display: none; - } - - @include responsive( $bp_medium ){ + @include gradient_overlay(50%, 0.15); + display: block; + position: fixed; + bottom: 55px; + right: 5px; + width: 48px; + height: 8px; + padding: 20px 0; + overflow: hidden; + z-index: 97; + background: $blue; - .context-menu-trigger { - @include gradient_overlay(50%, 0.15); - display: block; - position: fixed; - bottom: 55px; - right: 5px; - width: 48px; - height: 8px; - padding: 20px 0; - overflow: hidden; - z-index: 97; - background: $blue; - - .dot { - background: $white; - } - - &:focus, - &:active { - background: darken($blue, 10%); - } + .dot { + background: $white; + } + + &:focus, + &:active { + background: darken($blue, 10%); } } }