From 2c3181fe3dcb8ce8d73c7bf4e28bf02676baf045 Mon Sep 17 00:00:00 2001 From: Mo Bitar Date: Sat, 25 Nov 2017 12:45:00 -0600 Subject: [PATCH] Disable selection on ui elements --- app/assets/stylesheets/app/_menus.scss | 4 +++- app/assets/stylesheets/app/_notes.scss | 2 ++ app/assets/stylesheets/app/_standard.scss | 2 +- app/assets/stylesheets/app/_tags.scss | 26 ++++++++++++----------- 4 files changed, 20 insertions(+), 14 deletions(-) diff --git a/app/assets/stylesheets/app/_menus.scss b/app/assets/stylesheets/app/_menus.scss index 7ca7660f9..0a3a5e995 100644 --- a/app/assets/stylesheets/app/_menus.scss +++ b/app/assets/stylesheets/app/_menus.scss @@ -4,6 +4,8 @@ ul.section-menu-bar { padding-left: 6px; padding-right: 21px; + user-select: none; + background-color: #f1f1f1; color: $selected-text-color; height: 28px; @@ -23,7 +25,7 @@ ul.section-menu-bar { font-size: 13px; font-weight: bold; - user-select: none; + // user-select: none; &.full-width { width: 100%; diff --git a/app/assets/stylesheets/app/_notes.scss b/app/assets/stylesheets/app/_notes.scss index 9d1918318..7dd46dfd7 100644 --- a/app/assets/stylesheets/app/_notes.scss +++ b/app/assets/stylesheets/app/_notes.scss @@ -6,6 +6,8 @@ max-width: 350px; min-width: 170px; + user-select: none; + $notes-title-bar-height: 148px; #notes-title-bar { diff --git a/app/assets/stylesheets/app/_standard.scss b/app/assets/stylesheets/app/_standard.scss index 0877302c9..c111f54d2 100644 --- a/app/assets/stylesheets/app/_standard.scss +++ b/app/assets/stylesheets/app/_standard.scss @@ -1,5 +1,5 @@ .selectable { - user-select: all; + user-select: text !important; } .clear { diff --git a/app/assets/stylesheets/app/_tags.scss b/app/assets/stylesheets/app/_tags.scss index 04f69992b..98d263d89 100644 --- a/app/assets/stylesheets/app/_tags.scss +++ b/app/assets/stylesheets/app/_tags.scss @@ -1,18 +1,20 @@ .tags { - flex: 1 10%; - max-width: 180px; - min-width: 100px; - width: 180px; + flex: 1 10%; + max-width: 180px; + min-width: 100px; + width: 180px; - $tags-title-bar-height: 55px; + user-select: none; - #tags-title-bar { - color: black; - height: $tags-title-bar-height; - padding-left: 12px; - padding-right: 12px; - font-size: 12px; - color: rgba(black, 0.8); + $tags-title-bar-height: 55px; + + #tags-title-bar { + color: black; + height: $tags-title-bar-height; + padding-left: 12px; + padding-right: 12px; + font-size: 12px; + color: rgba(black, 0.8); } #tags-content {