- wp-admin assets refactoring (in process);

This commit is contained in:
Mykyta Synelnikov
2023-11-06 11:55:01 +02:00
parent b40edd26e6
commit 9d42ae5568
35 changed files with 2122 additions and 1472 deletions
@@ -1,4 +0,0 @@
.um-admin td, .um-admin th {
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale;
}
@@ -415,3 +415,134 @@ textarea.um-forms-field.um-small-field {
margin: 0 0 0 4px;
color: #a00;
}
.wp-picker-container input.wp-color-picker[type="text"] {
width: 68px !important;
float: left !important;
padding: 2px 4px !important;
border-width: 1px !important;
}
/* Select2 4.0*/
body.um-admin .select2.select2-container .select2-selection{
display: block !important;
height: 28px !important;
padding: 0 0 0 12px !important;
overflow: hidden !important;
position: relative !important;
white-space: nowrap !important;
line-height: 25px !important;
color: #666 !important;
font-size: 13px !important;
text-align: left !important;
text-decoration: none !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
border-radius: 2px !important;
background-clip: padding-box !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none !important;
background-color: #fff !important;
border: 1px solid #ddd !important;
}
body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow b[role=presentation]{
display:none;
}
body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow:before{
content: "\f3d0" !important;
font-size: 27px !important;
font-family: "Ionicons" !important;
width: 100% !important;
display: block;
height: 100%;
line-height: 28px;
color: #aaaaaa;
}
body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow {
display: inline-block !important;
width: 34px !important;
height: 100% !important;
position: absolute !important;
right: 0 !important;
top: 0 !important;
-moz-border-radius: 0 2px 2px 0 !important;
-webkit-border-radius: 0 2px 2px 0 !important;
border-radius: 0 2px 2px 0 !important;
background-clip: padding-box !important;
text-align: center !important;
background: transparent !important;
border-left: 0 !important;
}
body.um-admin .select2-container.select2-container--open .select2-dropdown{
border: 1px solid #ddd !important;
}
body.um-admin .select2-results li{
list-style: none;
display: list-item;
background-image: none;
font-size: 13px;
margin: 5px !important;
padding: 3px 0 !important;
color: #666 !important;
}
body.um-admin .select2-results li {
padding: 3px 7px 4px !important;
cursor: pointer;
min-height: 1em !important;
}
body.um-admin .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 25px;
}
body.um-admin .select2-results li.select2-results__option.select2-results__option--highlighted{
background: none !important;
background: #f4f4f4 !important;
color: #666 !important;
}
body.um-admin .select2-container--default .select2-results__option[aria-selected=true] {
background: transparent !important;
}
body.um-admin .select2-selection__clear {
right: 10px;
font-size: 25px;
color: #aaaaaa !important;
font-weight: 300 !important;
}
body.um-admin .select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0px;
width: 100%;
line-height: 20px;
font-size: 13px;
}
body.um-admin .select2.select2-container .select2-selection.select2-selection--multiple {
height: auto !important;
}
body.um-admin .select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
margin-top: 0px;
margin-right: 5px;
font-size: 25px;
}
body.um-admin .select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd !important;
}
body.um-admin .select2-container .select2-search--inline {
line-height: 37px !important;
}
body.um-admin .select2-drop-active {
z-index: 99999 !important;
}
@@ -1,14 +0,0 @@
/*
- Form Inputs
*/
.wp-picker-container input.wp-color-picker[type="text"] {
width: 68px !important;
float: left !important;
padding: 2px 4px !important;
border-width: 1px !important;
}
+2 -7
View File
@@ -16,11 +16,6 @@
- modal
*/
.um-admin-modal * {
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale;
}
.um-admin-modal input[type=submit].button-primary,
.um-admin-modal a.button-primary,
.um-admin-modal a.button {
@@ -46,7 +41,7 @@
display: none;
z-index: 10001;
box-sizing: border-box;
width: 730px;
margin-left: -365px;
}
@@ -316,4 +311,4 @@ span.um-admin-icon-clear{
}
span.um-admin-icon-clear.show {display: inline-block}
span.um-admin-icon-clear:hover {color: #777}
span.um-admin-icon-clear i {font-size: 20px;vertical-align: middle;}
span.um-admin-icon-clear i {font-size: 20px;vertical-align: middle;}
@@ -1,193 +0,0 @@
/*body.um-admin .select2-container {margin-right: 2px!important;}
body.um-admin .select2-drop,
body.um-admin .select2-drop.select2-drop-above,
body.um-admin .select2-drop-active,
body.um-admin .select2-container-multi .select2-choices
{border: 1px solid #ddd !important}
body.um-admin .select2-container .select2-choice
{
height: 27px !important;
line-height: 27px !important;
border: 1px solid #ddd !important;
color: #888 !important;
}
body.um-admin .select2-container .select2-choice > .select2-chosen {
font-size: 13px !important;
}
body.um-admin .select2-container .select2-choice {
font-size: 13px !important;
}
body.um-admin .select2-container .select2-choice .select2-arrow:before {
font-size: 23px !important;
line-height: 27px;
}
body.um-admin .select2-search-choice-close:before {
font-size: 20px !important;
color: #aaa;
line-height: 27px;
}
body.um-admin .select2-container-multi .select2-search-choice-close:before {
font-size: 15px !important;
}
body.um-admin .select2-search input[type=text] {
font-size: 13px !important;
}
body.um-admin .select2-results li {
font-size: 13px !important;
}
body.um-admin .select2-results .select2-no-results,
body.um-admin .select2-results .select2-searching,
body.um-admin .select2-results .select2-selection-limit {
font-size: 13px !important;
}
body.um-admin .select2-container-multi .select2-choices .select2-search-choice {
line-height: 13px !important;
font-size: 13px !important;
}
body.um-admin .select2-drop-mask {
z-index: 10020 !important;
}
body.um-admin .select2-drop {
z-index: 999999 !important;
}
body.um-admin .select2-search {
z-index: 10040 !important;
}*/
/* Select2 4.0*/
body.um-admin .select2.select2-container .select2-selection{
display: block !important;
height: 28px !important;
padding: 0 0 0 12px !important;
overflow: hidden !important;
position: relative !important;
white-space: nowrap !important;
line-height: 25px !important;
color: #666 !important;
font-size: 13px !important;
text-align: left !important;
text-decoration: none !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
border-radius: 2px !important;
background-clip: padding-box !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none !important;
background-color: #fff !important;
border: 1px solid #ddd !important;
}
body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow b[role=presentation]{
display:none;
}
body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow:before{
content: "\f3d0" !important;
font-size: 27px !important;
font-family: "Ionicons" !important;
width: 100% !important;
display: block;
height: 100%;
line-height: 28px;
color: #aaaaaa;
}
body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow {
display: inline-block !important;
width: 34px !important;
height: 100% !important;
position: absolute !important;
right: 0 !important;
top: 0 !important;
-moz-border-radius: 0 2px 2px 0 !important;
-webkit-border-radius: 0 2px 2px 0 !important;
border-radius: 0 2px 2px 0 !important;
background-clip: padding-box !important;
text-align: center !important;
background: transparent !important;
border-left: 0 !important;
}
body.um-admin .select2-container.select2-container--open .select2-dropdown{
border: 1px solid #ddd !important;
}
body.um-admin .select2-results li{
list-style: none;
display: list-item;
background-image: none;
font-size: 13px;
margin: 5px !important;
padding: 3px 0 !important;
color: #666 !important;
}
body.um-admin .select2-results li {
padding: 3px 7px 4px !important;
cursor: pointer;
min-height: 1em !important;
}
body.um-admin .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 25px;
}
body.um-admin .select2-results li.select2-results__option.select2-results__option--highlighted{
background: none !important;
background: #f4f4f4 !important;
color: #666 !important;
}
body.um-admin .select2-container--default .select2-results__option[aria-selected=true] {
background: transparent !important;
}
body.um-admin .select2-selection__clear {
right: 10px;
font-size: 25px;
color: #aaaaaa !important;
font-weight: 300 !important;
}
body.um-admin .select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0px;
width: 100%;
line-height: 20px;
font-size: 13px;
}
body.um-admin .select2.select2-container .select2-selection.select2-selection--multiple {
height: auto !important;
}
body.um-admin .select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
margin-top: 0px;
margin-right: 5px;
font-size: 25px;
}
body.um-admin .select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd !important;
}
body.um-admin .select2-container .select2-search--inline {
line-height: 37px !important;
}
body.um-admin .select2-drop-active {
z-index: 99999 !important;
}
@@ -1,248 +0,0 @@
.um-settings-section .description {
font-style: italic;
}
.um-block-notice {
background: #fff;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
padding: 20px;
border: 1px solid #000;
}
.um-notification-status {
margin-right: 18px;
font-size: 28px;
line-height: 22px;
}
.um-notification-status {
color: #a00;
float:left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.um-notification-status.um-notification-is-active {
color: #46b450;
}
.um-email-configure span {
line-height: 24px;
}
.um-long-field {
width:100%;
}
.um-medium-field {
width:50%;
}
.um-small-field {
width:25%;
}
.column-configure {
width: 60px;
text-align: center;
}
.wp-list-table.templates .column-core_version {
width: 100px;
text-align: center;
}
.wp-list-table.templates .column-theme_version {
width: 100px;
text-align: center;
}
.wp-list-table.templates .column-status {
width: 260px;
}
th.column-email.column-primary {
padding-left: 48px;
}
.um-nav-tab-wrapper {
margin-right: 20px;
}
#um-settings-emails {
float:left;
width:calc( 100% - 20px );
margin-right: 20px;
}
#um-settings-form {
float:left;
width:calc( 100% - 10px );
margin-right: 10px;
}
#um-settings-form .subsubsub {
float:left;
width:100%;
}
.um-settings-line .multi-checkbox-line {
float:left;
width:100%;
clear: both;
margin: 0 0 10px 0;
padding: 0;
}
.um-settings-line .multi-checkbox-column {
float:left;
margin: 0;
padding:0;
}
.um-settings-line .multi-checkbox-column label {
float:left;
width:100%;
}
.wrap-licenses .form-table,
.wrap-licenses thead,
.wrap-licenses tbody,
.wrap-licenses tfoot,
.wrap-licenses tr,
.wrap-licenses td,
.wrap-licenses th,
.wrap-licenses caption {
display: block;
}
.wrap-licenses .form-table tr {
float: left;
margin: 0 15px 15px 0;
background: #fff;
border: 1px solid #ccc;
width: 30.5%;
max-width: 350px;
padding: 14px;
min-height: 240px;
position: relative;
box-sizing: border-box;
}
.wrap-licenses .form-table th {
background: #f9f9f9;
padding: 14px;
border-bottom: 1px solid #ccc;
margin: -14px -14px 20px;
width: 100%;
}
.wrap-licenses .form-table td {
padding: 0;
}
.wrap-licenses td input.regular-text {
margin: 0 0 8px;
width: 100%;
}
.wrap-licenses .edd-license-data[class*="edd-license-"] {
position: absolute;
background: #fafafa;
padding: 14px;
border-top: 1px solid #eee;
margin: 20px -14px -14px;
min-height: 67px;
width: 100%;
bottom: 14px;
box-sizing: border-box;
}
.wrap-licenses .edd-license-data[class*="edd-license-"] a {
color: #444;
}
.wrap-licenses .edd-license-data[class*="edd-license-"] a:hover {
text-decoration: none;
}
.wrap-licenses .edd-license-data.license-expires-soon-notice {
background-color: #00a0d2;
color: #fff;
border-color: #00a0d2;
}
.wrap-licenses .edd-license-data.edd-license-expired {
background-color: #e24e4e;
color: #fff;
border-color: #e24e4e;
}
.wrap-licenses .edd-license-data.edd-license-valid {
background-color: #5abc55;
color: #fff;
border-color: #5abc55;
}
.wrap-licenses .edd-license-data.edd-license-error,
.wrap-licenses .edd-license-data.edd-license-missing,
.wrap-licenses .edd-license-data.edd-license-invalid,
.wrap-licenses .edd-license-data.edd-license-site_inactive,
.wrap-licenses .edd-license-data.edd-license-item_name_mismatch {
background-color: #ffebcd;
border-color: #ffebcd;
}
.wrap-licenses .edd-license-data p {
font-size: 13px;
margin-top: 0;
}
.wrap-licenses .edd-license-data.license-expires-soon-notice a,
.wrap-licenses .edd-license-data.edd-license-expired a {
color: #fff;
}
.wrap-licenses .edd-license-data.license-expires-soon-notice a:hover,
.wrap-licenses .edd-license-data.edd-license-expired a:hover {
text-decoration: none;
}
.wrap-licenses ~ p.submit {
clear: both;
}
@media screen and (max-width: 980px) {
.wrap-licenses .form-table tr {
width:calc( 50% - 15px );
max-width: none;
}
}
@media screen and (max-width: 782px) {
.wrap-licenses .form-table tr {
width:100%;
margin-right: 0;
max-width: none;
}
.um-settings-line .multi-checkbox-column {
width:100% !important;
}
.um-settings-line .multi-checkbox-column label {
line-height: 30px !important;
}
.um-medium-field {
width:100%;
}
.um-small-field {
width:50%;
}
.wp-list-table.templates .column-core_version {
width: auto;
text-align: left;
}
.wp-list-table.templates .column-theme_version {
width: auto;
text-align: left;
}
}
.um_setting_ajax_button_response.complete {
color:darkgreen;
font-style: italic;
}