From 919c0c4f6cb923d8193c07771184643a0918f96a Mon Sep 17 00:00:00 2001 From: reverend Date: Sun, 27 Sep 2020 15:18:04 +0200 Subject: [PATCH] Minor styling changes --- components/03_Organisms/imageGrid/_imageGrid.scss | 8 ++++++-- public/main.css | 6 ++++-- 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/components/03_Organisms/imageGrid/_imageGrid.scss b/components/03_Organisms/imageGrid/_imageGrid.scss index ebf2a32..2be31c8 100644 --- a/components/03_Organisms/imageGrid/_imageGrid.scss +++ b/components/03_Organisms/imageGrid/_imageGrid.scss @@ -25,6 +25,10 @@ transform: translate(-50%, -50%); } } + + &:hover .LP-Link{ + background-color: $-beige; + } } } @@ -44,8 +48,8 @@ height: #{$-spacing-small * 2}; width: #{$-spacing-small * 2}; position:relative; - left: #{($-spacing-large - $-spacing-small) / 3}; - top: #{($-spacing-large - $-spacing-small) / 3}; + left: #{($-spacing-large - $-spacing-small) / 3.5}; + top: #{($-spacing-large - $-spacing-small) / 3.5}; } } &__Item>.LP-Link:hover + &__DeleteItem, &__DeleteItem:hover { diff --git a/public/main.css b/public/main.css index f6a7e64..23a5252 100644 --- a/public/main.css +++ b/public/main.css @@ -1620,6 +1620,8 @@ body { top: 50%; left: 50%; transform: translate(-50%, -50%); } + .LP-ImageGrid__Item--add:hover .LP-Link { + background-color: #D7CEC7; } .LP-ImageGrid__DeleteItem { opacity: 0.7; visibility: hidden; @@ -1634,8 +1636,8 @@ body { height: 20px; width: 20px; position: relative; - left: 8.33333px; - top: 8.33333px; } + left: 7.14286px; + top: 7.14286px; } .LP-ImageGrid__Item > .LP-Link:hover + .LP-ImageGrid__DeleteItem, .LP-ImageGrid__DeleteItem:hover { visibility: visible; }