From 7beceb59c1ecc39e2dcf7c5506961dbb40969c93 Mon Sep 17 00:00:00 2001 From: Joen Asmussen Date: Fri, 2 Jun 2017 13:30:26 +0200 Subject: [PATCH 1/2] Add bottom shadow to inserter. Also style scrollbars in preparation for a scrolllock experiment. --- editor/inserter/style.scss | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/editor/inserter/style.scss b/editor/inserter/style.scss index 1ddc01e043b48..517f9c6dc12ae 100644 --- a/editor/inserter/style.scss +++ b/editor/inserter/style.scss @@ -108,13 +108,31 @@ z-index: z-index( '.editor-inserter__arrow' ); } +$scrollbar-width: 12px; .editor-inserter__content { - max-height: 50vh; + max-height: 10vh; // fix me should be 50 overflow: auto; + box-shadow: inset 0 -5px 5px -4px rgba( $dark-gray-900, .1 ); &:focus { outline: none; } + + &::-webkit-scrollbar { + width: $scrollbar-width; + height: $scrollbar-width; + } + + &::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: $dark-gray-300; + border: 3px solid transparent; + background-clip: padding-box; + + &:hover { + background-color: $dark-gray-900; + } + } } input[type=search].editor-inserter__search { From 2cc5862a43f4a7fed8788f90bf4e66bb27d563ae Mon Sep 17 00:00:00 2001 From: Joen Asmussen Date: Fri, 2 Jun 2017 13:34:33 +0200 Subject: [PATCH 2/2] Remove webkit styles. --- editor/assets/stylesheets/main.scss | 1 - editor/inserter/style.scss | 19 +------------------ 2 files changed, 1 insertion(+), 19 deletions(-) diff --git a/editor/assets/stylesheets/main.scss b/editor/assets/stylesheets/main.scss index 050303a031805..7e0b4e8af3957 100644 --- a/editor/assets/stylesheets/main.scss +++ b/editor/assets/stylesheets/main.scss @@ -12,7 +12,6 @@ body.toplevel_page_gutenberg { #wpfooter { display: none; } - } .gutenberg { diff --git a/editor/inserter/style.scss b/editor/inserter/style.scss index 517f9c6dc12ae..16fd6041926b1 100644 --- a/editor/inserter/style.scss +++ b/editor/inserter/style.scss @@ -108,31 +108,14 @@ z-index: z-index( '.editor-inserter__arrow' ); } -$scrollbar-width: 12px; .editor-inserter__content { - max-height: 10vh; // fix me should be 50 + max-height: 50vh; overflow: auto; box-shadow: inset 0 -5px 5px -4px rgba( $dark-gray-900, .1 ); &:focus { outline: none; } - - &::-webkit-scrollbar { - width: $scrollbar-width; - height: $scrollbar-width; - } - - &::-webkit-scrollbar-thumb { - border-radius: 10px; - background-color: $dark-gray-300; - border: 3px solid transparent; - background-clip: padding-box; - - &:hover { - background-color: $dark-gray-900; - } - } } input[type=search].editor-inserter__search {