mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-07 07:42:39 +00:00
Fix snippet hover highlight not full button width
This commit is contained in:
@@ -97,7 +97,7 @@
|
|||||||
background-color : #ddd;
|
background-color : #ddd;
|
||||||
.snippet{
|
.snippet{
|
||||||
.animate(background-color);
|
.animate(background-color);
|
||||||
width : max-content;
|
min-width : max-content;
|
||||||
padding : 5px;
|
padding : 5px;
|
||||||
cursor : pointer;
|
cursor : pointer;
|
||||||
font-size : 10px;
|
font-size : 10px;
|
||||||
|
|||||||
@@ -11,10 +11,12 @@ module.exports = {
|
|||||||
Use --rotation to set rotation angle in degrees. -->\n\n`;
|
Use --rotation to set rotation angle in degrees. -->\n\n`;
|
||||||
},
|
},
|
||||||
|
|
||||||
corner : ()=>{
|
corner : (y = 'top', x = 'left')=>{
|
||||||
|
const offsetX = (x == 'left' ? '-50%' : '50%');
|
||||||
|
const offsetY = (y == 'top' ? '-50%' : '50%');
|
||||||
return dedent`
|
return dedent`
|
||||||
{{imageMaskCorner${_.random(1, 8)},--offsetX:0%,offsetY:0%,--rotation:0
|
{{imageMaskCorner${_.random(1, 8)},--offsetX:${offsetX},--offsetY:${offsetY},--rotation:0
|
||||||
{height:100%}
|
{height:100%}
|
||||||
}}
|
}}
|
||||||
<!-- Use --offsetX to shift the mask left or right (you can use cm instead of %)
|
<!-- Use --offsetX to shift the mask left or right (you can use cm instead of %)
|
||||||
Use --offsetY to shift the mask up or down
|
Use --offsetY to shift the mask up or down
|
||||||
|
|||||||
Reference in New Issue
Block a user