mount expand button on inline body images

This commit is contained in:
axolotle
2021-07-06 20:40:23 +02:00
parent c5b7a40e7c
commit 07e23ce830
8 changed files with 102 additions and 13 deletions
+1
View File
@@ -6,6 +6,7 @@
@import 'base/bootstrap-overrides';
@import 'classes/nodes-grid';
@import 'classes/img-wrapper';
@import 'classes/misc';
@import 'fonts/noto-sans';
+42
View File
@@ -0,0 +1,42 @@
.node-view-img-wrapper {
display: inline-block;
position: relative;
&:not(:hover) .btn-expand {
display: none;
}
.btn-expand {
position: absolute;
top: 0;
right: 0;
padding: 0;
width: 75px;
height: 70px;
border: 0;
border-radius: 0 !important;
line-height: 0;
&:hover,
&:focus {
path {
stroke: $black;
}
}
svg {
width: 100%;
height: 100%;
pointer-events: none;
}
path {
fill: none;
stroke: lighten($black, 20%);
stroke-width: 4px;
stroke-linejoin: round;
stroke-linecap: round;
}
}
}