mirror/processwire
1
0
Fork 0
mirror of https://github.com/processwire/processwire.git synced 2025-08-09 16:26:59 +02:00
Code Issues Releases Wiki Activity

Update default AdminTheme.scss to limit align left/right/center classes to img, figure, div, etc.

Browse Source
This commit is contained in:
Ryan Cramer
2024-03-28 08:59:51 -04:00
parent 4f55480fc7
commit 0852242866
2 changed files with 36 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
wire/templates-admin/styles/AdminTheme.css
View File

@@ -1,25 +1,28 @@
.pw-bullets li { .pw-bullets li {
display: list-item; display: list-item;
list-style: disc; list-style: disc;
margin: 0 0 0 1.25em; } margin: 0 0 0 1.25em;
}
.pw-numbers li { .pw-numbers li {
display: list-item; display: list-item;
list-style: decimal; list-style: decimal;
margin: 0 0 0 1.25em; } margin: 0 0 0 1.25em;
}
.pw-align-left, .align_left, .align-left { img.pw-align-left, img.align_left, img.align-left, figure.pw-align-left, figure.align_left, figure.align-left, div.pw-align-left, div.align_left, div.align-left, table.pw-align-left, table.align_left, table.align-left {
float: left; float: left;
margin: 0 1em 0.5em 0; } margin: 0 1em 0.5em 0;
}
.pw-align-right, .align_right, .align-right { img.pw-align-right, img.align_right, img.align-right, figure.pw-align-right, figure.align_right, figure.align-right, div.pw-align-right, div.align_right, div.align-right, table.pw-align-right, table.align_right, table.align-right {
float: right; float: right;
margin: 0 0 0.5em 1em; } margin: 0 0 0.5em 1em;
}
.pw-align-center, .align_center, .align-center { img.pw-align-center, img.align_center, img.align-center, figure.pw-align-center, figure.align_center, figure.align-center, div.pw-align-center, div.align_center, div.align-center, table.pw-align-center, table.align_center, table.align-center {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; } margin-right: auto;
}
.pw-no-select { .pw-no-select {
-webkit-user-select: none; -webkit-user-select: none;
@@ -27,7 +30,10 @@
-moz-user-select: none; -moz-user-select: none;
-o-user-select: none; -o-user-select: none;
user-select: none; user-select: none;
/* prevent selection of this element */ } /* prevent selection of this element */
}
.pw-notices .pw-notice-group-child { .pw-notices .pw-notice-group-child {
display: none; } display: none;
}

34
wire/templates-admin/styles/AdminTheme.scss
View File

@@ -32,24 +32,27 @@
// class applied to <button> elements that should automatically repeat in the header // class applied to <button> elements that should automatically repeat in the header
.pw-head-button { } .pw-head-button { }
// alignment: left // alignment for block level elements that can have widths
.pw-align-left, .align_left, .align-left { img, figure, div, table {
float: left; // alignment: left
margin: 0 1em 0.5em 0; &.pw-align-left, &.align_left, &.align-left {
float: left;
margin: 0 1em 0.5em 0;
}
// alignment: right
&.pw-align-right, &.align_right, &.align-right {
float: right;
margin: 0 0 0.5em 1em;
}
// alignment: center
&.pw-align-center, &.align_center, &.align-center {
display: block;
margin-left: auto;
margin-right: auto;
}
} }
// alignment: right
.pw-align-right, .align_right, .align-right {
float: right;
margin: 0 0 0.5em 1em;
}
// alignment: center
.pw-align-center, .align_center, .align-center {
display: block;
margin-left: auto;
margin-right: auto;
}
// added to elements that should not be selectable via highlight // added to elements that should not be selectable via highlight
.pw-no-select { .pw-no-select {
@@ -72,4 +75,3 @@
.pw-notices .pw-notice-group-child { .pw-notices .pw-notice-group-child {
display: none; display: none;
} }