mount expand button on inline body images
This commit is contained in:
@@ -6,6 +6,7 @@
|
||||
|
||||
@import 'base/bootstrap-overrides';
|
||||
@import 'classes/nodes-grid';
|
||||
@import 'classes/img-wrapper';
|
||||
@import 'classes/misc';
|
||||
|
||||
@import 'fonts/noto-sans';
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user