mirror of https://github.com/go-gitea/gitea.git
Use CSS `inset` shorthand (#30939)
Use [inset](https://developer.mozilla.org/en-US/docs/Web/CSS/inset) shorthand instead of longhands. There may be more cases but these ones I was able to definitely identify.
This commit is contained in:
parent
40de54ece8
commit
3c2406a2f3
|
@ -20,10 +20,7 @@ Gitea's private styles use `g-` prefix.
|
||||||
|
|
||||||
.g-table-auto-ellipsis td.auto-ellipsis span {
|
.g-table-auto-ellipsis td.auto-ellipsis span {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
inset: 0;
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
padding: inherit;
|
padding: inherit;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
@ -204,10 +204,7 @@
|
||||||
|
|
||||||
.markup input[type="checkbox"]::after {
|
.markup input[type="checkbox"]::after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
inset: 0;
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
background: var(--color-text);
|
background: var(--color-text);
|
||||||
mask-size: cover;
|
mask-size: cover;
|
||||||
|
|
|
@ -3,10 +3,7 @@
|
||||||
.ui.dimmer {
|
.ui.dimmer {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
display: none;
|
display: none;
|
||||||
top: 0;
|
inset: 0;
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
background: var(--color-overlay-backdrop);
|
background: var(--color-overlay-backdrop);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
|
|
Loading…
Reference in New Issue