Makes dragging, resizing objects easier when being zoomed out.
Smaller "dragging" dots etc.
DocHub improved editing CSS by 7kt-swe
Details
Author7kt-swe
LicenseNo License
Categorydochub, dochub.com
Created
Updated
Size2.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name DocHub improved editing CSS
@version 20220201.16.59
@namespace userstyles.world/user/7kt-swe
@description Makes dragging, resizing objects easier when being zoomed out.
Smaller "dragging" dots etc.
@author 7kt-swe
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://dochub.com/") {
.w-\[10px\] {
width: 6px;
}
.h-\[10px\] {
height: 6px;
}
.right-\[-7px\] {
right: -3px;
}
.top-\[-7px\] {
top: -3px;
}
.left-\[-7px\] {
left: -3px;
}
.bottom-\[-7px\] {
bottom: -3px;
}
.ember-attacher[x-placement^="bottom"] > .ember-attacher-show.ember-attacher-fade,
.ember-attacher[x-placement^="bottom"] > .ember-attacher-show.ember-attacher-fill,
.ember-attacher[x-placement^="bottom"] > .ember-attacher-show.ember-attacher-none,
.ember-attacher[x-placement^="bottom"] > .ember-attacher-show.ember-attacher-shift {
transform: translateY(25px);
}
.ember-attacher[x-placement^="top"] > .ember-attacher-show.ember-attacher-fade,
.ember-attacher[x-placement^="top"] > .ember-attacher-show.ember-attacher-fill,
.ember-attacher[x-placement^="top"] > .ember-attacher-show.ember-attacher-none,
.ember-attacher[x-placement^="top"] > .ember-attacher-show.ember-attacher-shift {
transform: translateY(-15px);
}
.dh-movable-drag-point.absolute.h-3.w-3.border.border-solid.border-blue-600.bg-white.rounded.cursor-move.pointer-events-none {
visibility: hidden
}
.dh-movable-drag-point.absolute.h-3.w-3.border.border-solid.border-blue-600.bg-white.rounded.cursor-move.pointer-events-auto {
width: 0.35em;
height: 0.35em;
}
.dh-movable-drag-point.absolute.h-3.w-3.border.border-solid.border-blue-600.bg-white.rounded.cursor-move.pointer-events-auto {
margin: 2px;
}
.ui-resizable-handle.w-\[10px\].h-\[10px\].border.border-blue-500.border-solid.pointer-events-auto.z-4.absolute.rounded-sm.bg-white.bottom-\[-7px\].left-\[calc\(50\%-7px\)\].cursor-\[s-resize\] {
margin-left: 4px;
}
.ui-resizable-handle.w-\[10px\].h-\[10px\].border.border-blue-500.border-solid.pointer-events-auto.z-4.absolute.rounded-sm.bg-white.top-\[-7px\].left-\[calc\(50\%-7px\)\].cursor-\[n-resize\] {
margin-left: 4px;
}
}