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; }