WordPress.org
Get WordPress

Plugin Directory

Changeset 2781609


Ignore:
Timestamp:
09/07/2022 09:30:03 PM (4 years ago)
Author:
methodpress
Message:

Fixed a problem with checkbox display in WordPress backend

File:
1 edited

Legend:

Unmodified
Added
Removed

  • methodpress-material/trunk/assets/css/materialize.css

    r2771619 r2781609  
    42834283  position: relative;
    42844284  line-height: normal;
    4285 }
    4286 
    4287 nav a {
    4288   color: #fff;
    42894285}
    42904286
    … …  
    67476743/* METHODPRESS - Commented out in this version because it messes up WordPress Customizer
    67486744Remove default checkbox */
    6749 /*
    6750 [type="checkbox"]:not(:checked),
    6751 [type="checkbox"]:checked {
    6752   position: absolute;
    6753   opacity: 0;
    6754   pointer-events: none;
    6755 }
    6756 */
    6757 
    6758 [type="checkbox"] {
    6759   /* checkbox aspect */
    6760 }
    6761 
    6762 [type="checkbox"] + span:not(.lever) {
    6763   position: relative;
    6764   padding-left: 35px;
    6765   cursor: pointer;
    6766   display: inline-block;
    6767   height: 25px;
    6768   line-height: 25px;
    6769   font-size: 1rem;
    6770   -webkit-user-select: none;
    6771      -moz-user-select: none;
    6772       -ms-user-select: none;
    6773           user-select: none;
    6774 }
    6775 
    6776 [type="checkbox"] + span:not(.lever):before,
    6777 [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    6778   content: '';
    6779   position: absolute;
    6780   top: 0;
    6781   left: 0;
    6782   width: 18px;
    6783   height: 18px;
    6784   z-index: 0;
    6785   border: 2px solid #5a5a5a;
    6786   border-radius: 1px;
    6787   margin-top: 3px;
    6788   -webkit-transition: .2s;
    6789   transition: .2s;
    6790 }
    6791 
    6792 [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    6793   border: 0;
    6794   -webkit-transform: scale(0);
    6795           transform: scale(0);
    6796 }
    6797 
    6798 [type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
    6799   border: none;
    6800   background-color: rgba(0, 0, 0, 0.42);
    6801 }
    6802 
    6803 [type="checkbox"].tabbed:focus + span:not(.lever):after {
    6804   -webkit-transform: scale(1);
    6805           transform: scale(1);
    6806   border: 0;
    6807   border-radius: 50%;
    6808   -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    6809           box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    6810   background-color: rgba(0, 0, 0, 0.1);
    6811 }
    6812 
    6813 [type="checkbox"]:checked + span:not(.lever):before {
    6814   top: -4px;
    6815   left: -5px;
    6816   width: 12px;
    6817   height: 22px;
    6818   border-top: 2px solid transparent;
    6819   border-left: 2px solid transparent;
    6820   border-right: 2px solid #26a69a;
    6821   border-bottom: 2px solid #26a69a;
    6822   -webkit-transform: rotate(40deg);
    6823           transform: rotate(40deg);
    6824   -webkit-backface-visibility: hidden;
    6825           backface-visibility: hidden;
    6826   -webkit-transform-origin: 100% 100%;
    6827           transform-origin: 100% 100%;
    6828 }
    6829 
    6830 [type="checkbox"]:checked:disabled + span:before {
    6831   border-right: 2px solid rgba(0, 0, 0, 0.42);
    6832   border-bottom: 2px solid rgba(0, 0, 0, 0.42);
    6833 }
    6834 
    6835 /* Indeterminate checkbox */
    6836 [type="checkbox"]:indeterminate + span:not(.lever):before {
    6837   top: -11px;
    6838   left: -12px;
    6839   width: 10px;
    6840   height: 22px;
    6841   border-top: none;
    6842   border-left: none;
    6843   border-right: 2px solid #26a69a;
    6844   border-bottom: none;
    6845   -webkit-transform: rotate(90deg);
    6846           transform: rotate(90deg);
    6847   -webkit-backface-visibility: hidden;
    6848           backface-visibility: hidden;
    6849   -webkit-transform-origin: 100% 100%;
    6850           transform-origin: 100% 100%;
    6851 }
    6852 
    6853 [type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
    6854   border-right: 2px solid rgba(0, 0, 0, 0.42);
    6855   background-color: transparent;
    6856 }
    6857 
    6858 [type="checkbox"].filled-in + span:not(.lever):after {
    6859   border-radius: 2px;
    6860 }
    6861 
    6862 [type="checkbox"].filled-in + span:not(.lever):before,
    6863 [type="checkbox"].filled-in + span:not(.lever):after {
    6864   content: '';
    6865   left: 0;
    6866   position: absolute;
    6867   /* .1s delay is for check animation */
    6868   -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    6869   transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    6870   z-index: 1;
    6871 }
    6872 
    6873 [type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
    6874   width: 0;
    6875   height: 0;
    6876   border: 3px solid transparent;
    6877   left: 6px;
    6878   top: 10px;
    6879   -webkit-transform: rotateZ(37deg);
    6880           transform: rotateZ(37deg);
    6881   -webkit-transform-origin: 100% 100%;
    6882           transform-origin: 100% 100%;
    6883 }
    6884 
    6885 [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    6886   height: 20px;
    6887   width: 20px;
    6888   background-color: transparent;
    6889   border: 2px solid #5a5a5a;
    6890   top: 0px;
    6891   z-index: 0;
    6892 }
    6893 
    6894 [type="checkbox"].filled-in:checked + span:not(.lever):before {
    6895   top: 0;
    6896   left: 1px;
    6897   width: 8px;
    6898   height: 13px;
    6899   border-top: 2px solid transparent;
    6900   border-left: 2px solid transparent;
    6901   border-right: 2px solid #fff;
    6902   border-bottom: 2px solid #fff;
    6903   -webkit-transform: rotateZ(37deg);
    6904           transform: rotateZ(37deg);
    6905   -webkit-transform-origin: 100% 100%;
    6906           transform-origin: 100% 100%;
    6907 }
    6908 
    6909 [type="checkbox"].filled-in:checked + span:not(.lever):after {
    6910   top: 0;
    6911   width: 20px;
    6912   height: 20px;
    6913   border: 2px solid #26a69a;
    6914   background-color: #26a69a;
    6915   z-index: 0;
    6916 }
    6917 
    6918 [type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
    6919   border-radius: 2px;
    6920   border-color: #5a5a5a;
    6921   background-color: rgba(0, 0, 0, 0.1);
    6922 }
    6923 
    6924 [type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
    6925   border-radius: 2px;
    6926   background-color: #26a69a;
    6927   border-color: #26a69a;
    6928 }
    6929 
    6930 [type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
    6931   background-color: transparent;
    6932   border: 2px solid transparent;
    6933 }
    6934 
    6935 [type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
    6936   border-color: transparent;
    6937   background-color: #949494;
    6938 }
    6939 
    6940 [type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
    6941   background-color: transparent;
    6942 }
    6943 
    6944 [type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
    6945   background-color: #949494;
    6946   border-color: #949494;
    6947 }
     6745
    69486746
    69496747/* Switch
Note: See TracChangeset for help on using the changeset viewer.