WordPress.org
Get WordPress

Plugin Directory

Changeset 3425921


Ignore:
Timestamp:
12/23/2025 07:07:32 AM (2 months ago)
Author:
techlogica
Message:

Fix icon size and panel visibility

Location:
adjust-accessibility/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • adjust-accessibility/trunk/adjust-accessibility.php

    r3425784 r3425921  
    44 * Plugin URI:
    55 * Description: Adds front-end accessibility controls: brightness, saturation, font size, line height, letter spacing, dark/light mode, and highlight links/titles.
    6  * Version:     1.0.0
     6 * Version:     1.0.1
    77 * Author:      Techlogica
    88 * Author URI:  https://techlogica.com

  • adjust-accessibility/trunk/assets/css/accessibility.tailwind.css

    r3425784 r3425921  
    11/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
    2 @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.static{position:static}.inline{display:inline}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@layer components{.aa-panel{z-index:999999;background:0 0;border-radius:8px 0 0 8px;width:70px;padding:5px;font-family:Arial,sans-serif;position:fixed}.aa-wrap button:hover{background:0 0!important}.aa-wrap div#aa-panel-main{z-index:999999;border-radius:8px;width:310px;font-family:Arial,sans-serif;position:fixed;box-shadow:0 2px 8px #0000001a;background:#fff!important}.aa-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0}body .aa-wrap div#aa-panel,div#aa-panel-main div#aa-controls,body .aa-wrap{background:0 0!important}.aa-header-lt{float:left;display:inline-block}.aa-header-lt h3{margin:0;padding:8px 10px;font-size:18px!important;line-height:1.4em!important}.aa-header-rt{float:right;display:inline-block}.aa-header-rt button{margin:0;padding:0 10px;line-height:normal!important}#aa-panel-main{display:none}div#aa-panel-main .aa-header{color:#fff;float:left;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;width:100%;padding:8px 5px 5px;display:flex;background:var(--aa-primary-color)!important}div#aa-controls.filters button#aa-toggle{display:none}.aa-controls label{margin-bottom:8px;font-size:14px}#aa-panel-main div#aa-controls .aa-btn{cursor:pointer;border:1px solid var(--aa-primary-color);width:48%;color:var(--aa-primary-color);background:#f1f1f1;border-radius:4px;margin:2px;padding:14px 10px;transition:background .3s;letter-spacing:.3px!important;font-size:13px!important;font-weight:400!important}#aa-panel-main i{padding-bottom:4px;font-size:21px;display:block}.aa-btn.active{color:#fff;background:#0073aa}.aa-wrap #aa-panel-main h3{color:#fff!important;background:0 0!important;font-size:16px!important}.aa-darkmode,div.aa-darkmode,.aa-darkmode a,.aa-darkmode p,.aa-darkmode h1,.aa-darkmode h2,.aa-darkmode h3,.aa-darkmode h4,.aa-darkmode h5,.aa-darkmode h6,.aa-darkmode span{color:#fff!important;fill:#fff!important;background-color:#181818!important}.aa-lightmode,.aa-lightmode a,.aa-lightmode p,.aa-lightmode h1,.aa-lightmode h2,.aa-lightmode h3,.aa-lightmode h4,.aa-lightmode h5,.aa-lightmode h6,.aa-lightmode span{color:#000!important;fill:#000!important;background-color:#fff!important}.aa-highlight-link{outline-offset:2px!important;outline:2px solid #ffff26!important}div#aa-controls button#aa-toggle{background:0 0}div#aa-controls button#aa-toggle:hover{transform:scale(1.05)}div#aa-controls{float:left;width:100%;padding:10px;display:table}.aa-highlight-title{outline-offset:2px!important;outline:2px solid #0ff!important}.aa-clear{background:0 0!important;font-size:18px!important}button#aa-close{background:0 0;font-size:22px!important}button#aa-toggle img{background:var(--aa-primary-color);border-radius:50%;width:100%;transition:transform .2s;transform:scale(1.05)}button#aa-toggle:hover img{transition:all .3s ease-in-out;transform:scale(.97)}div#aa-controls label{float:left;text-align:center;border:1px solid var(--aa-primary-color);width:48%;color:var(--aa-primary-color);border-radius:5px;margin:2px;padding:5% 3%;font-weight:400!important}input[type=range]{background-color:#c4c4c4;background-image:linear-gradient(var(--aa-primary-color),var(--aa-primary-color));cursor:pointer;-webkit-appearance:none;background-repeat:no-repeat;background-size:50% 100%;border-radius:10px;outline:none;width:100%;height:4px;min-height:4px;max-height:4px;margin:auto;padding:0}input[type=range]::-webkit-slider-runnable-track{box-shadow:none;-webkit-appearance:none;background:0 0;border:none}input[type=range]::-moz-range-track{box-shadow:none;-webkit-appearance:none;background:0 0;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:0;border-radius:100%;width:16px;height:16px;box-shadow:0 1px 2px #000}input[type=range]::-moz-range-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:0;border-radius:100%;width:16px;height:16px;box-shadow:0 1px 2px #000}@media only screen and (min-width:990px){#aa-panel-main div#aa-controls .aa-btn:hover{color:#fff;background:var(--aa-primary-color)!important}#aa-panel-main div#aa-controls .aa-btn,div#aa-controls label{font-size:12px!important}}@media only screen and (max-width:768px){.aa-panel{width:62px}div#aa-controls{padding:4px}.aa-clear{font-size:22px!important}#aa-panel-main div#aa-controls .aa-btn,div#aa-controls label{font-size:12px!important}.aa-header-rt button{padding:0 8px}}@media only screen and (max-height:680px){.aa-wrap div#aa-panel-main{height:437px;overflow-y:scroll}}@media only screen and (max-width:520px){.aa-wrap div#aa-panel-main{width:240px;position:fixed}}.aa-ios button#aa-close{font-size:30px!important}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
     2@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}
     3.static{position:static}
     4.inline{display:inline}
     5.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}
     6
     7@layer components{
     8.aa-panel{
     9    z-index:999999;
     10    background:0 0;
     11    border-radius:8px 0 0 8px;
     12    width:70px;
     13    padding:5px;
     14    font-family:Arial,sans-serif;
     15    position:fixed
     16}
     17.aa-wrap button:hover{background:0 0!important}
     18.aa-wrap div#aa-panel-main{
     19    z-index:999999;
     20    border-radius:8px;
     21    width:310px;
     22    font-family:Arial,sans-serif;
     23    position:fixed;
     24    box-shadow:0 2px 8px #0000001a;
     25    background:#fff!important
     26}
     27.aa-toggle{
     28    color:#fff;
     29    cursor:pointer;
     30    background:0 0;
     31    border:none;
     32    border-radius:4px;
     33    padding:0
     34}
     35body .aa-wrap div#aa-panel,
     36div#aa-panel-main div#aa-controls,
     37body .aa-wrap{
     38    background:0 0!important
     39}
     40.aa-header-lt{float:left;display:inline-block}
     41.aa-header-lt h3{
     42    margin:0;
     43    padding:8px 10px;
     44    font-size:18px!important;
     45    line-height:1.4em!important
     46}
     47.aa-header-rt{float:right;display:inline-block}
     48.aa-header-rt button{
     49    margin:0;
     50    padding:0 10px;
     51    line-height:normal!important
     52}
     53#aa-panel-main{display:none}
     54div#aa-panel-main .aa-header{
     55    color:#fff;
     56    float:left;
     57    border-radius:8px 8px 0 0;
     58    justify-content:space-between;
     59    align-items:center;
     60    width:100%;
     61    padding:8px 5px 5px;
     62    display:flex;
     63    background:var(--aa-primary-color)!important
     64}
     65div#aa-controls.filters button#aa-toggle{display:none}
     66.aa-controls label{margin-bottom:8px;font-size:14px}
     67#aa-panel-main div#aa-controls .aa-btn{
     68    cursor:pointer;
     69    border:1px solid var(--aa-primary-color);
     70    width:48%;
     71    color:var(--aa-primary-color);
     72    background:#f1f1f1;
     73    border-radius:4px;
     74    margin:2px;
     75    padding:14px 10px;
     76    transition:background .3s;
     77    letter-spacing:.3px!important;
     78    font-size:13px!important;
     79    font-weight:400!important
     80}
     81#aa-panel-main i{
     82    padding-bottom:4px;
     83    font-size:21px;
     84    display:block
     85}
     86.aa-btn.active{
     87    color:#fff;
     88    background:#0073aa
     89}
     90.aa-wrap #aa-panel-main h3{
     91    color:#fff!important;
     92    background:0 0!important;
     93    font-size:16px!important
     94}
     95.aa-darkmode,
     96div.aa-darkmode,
     97.aa-darkmode a,
     98.aa-darkmode p,
     99.aa-darkmode h1,
     100.aa-darkmode h2,
     101.aa-darkmode h3,
     102.aa-darkmode h4,
     103.aa-darkmode h5,
     104.aa-darkmode h6,
     105.aa-darkmode span{
     106    color:#fff!important;
     107    fill:#fff!important;
     108    background-color:#181818!important
     109}
     110.aa-lightmode,
     111.aa-lightmode a,
     112.aa-lightmode p,
     113.aa-lightmode h1,
     114.aa-lightmode h2,
     115.aa-lightmode h3,
     116.aa-lightmode h4,
     117.aa-lightmode h5,
     118.aa-lightmode h6,
     119.aa-lightmode span{
     120    color:#000!important;
     121    fill:#000!important;
     122    background-color:#fff!important
     123}
     124.aa-highlight-link{
     125    outline-offset:2px!important;
     126    outline:2px solid #ffff26!important
     127}
     128div#aa-controls button#aa-toggle{background:0 0}
     129div#aa-controls button#aa-toggle:hover{transform:scale(1.05)}
     130div#aa-controls{
     131    float:left;
     132    width:100%;
     133    padding:10px;
     134    display:table
     135}
     136.aa-highlight-title{
     137    outline-offset:2px!important;
     138    outline:2px solid #0ff!important
     139}
     140.aa-clear{
     141    background:0 0!important;
     142    font-size:18px!important
     143}
     144button#aa-close{
     145    background:0 0;
     146    font-size:22px!important
     147}
     148button#aa-toggle img{
     149    background:var(--aa-primary-color);
     150    border-radius:50%;
     151    width:100%;
     152    transition:transform .2s;
     153    transform:scale(1.05)
     154}
     155button#aa-toggle:hover img{
     156    transition:all .3s ease-in-out;
     157    transform:scale(.97)
     158}
     159div#aa-controls label{
     160    float:left;
     161    text-align:center;
     162    border:1px solid var(--aa-primary-color);
     163    width:48%;
     164    color:var(--aa-primary-color);
     165    border-radius:5px;
     166    margin:2px;
     167    padding:5% 3%;
     168    font-weight:400!important
     169}
     170input[type=range]{
     171    background-color:#c4c4c4;
     172    background-image:linear-gradient(var(--aa-primary-color),var(--aa-primary-color));
     173    cursor:pointer;
     174    -webkit-appearance:none;
     175    background-repeat:no-repeat;
     176    background-size:50% 100%;
     177    border-radius:10px;
     178    outline:none;
     179    width:100%;
     180    height:4px;
     181    min-height:4px;
     182    max-height:4px;
     183    margin:auto;
     184    padding:0
     185}
     186input[type=range]::-webkit-slider-runnable-track,
     187input[type=range]::-moz-range-track{
     188    background:0 0;
     189    border:none;
     190    box-shadow:none
     191}
     192input[type=range]::-webkit-slider-thumb,
     193input[type=range]::-moz-range-thumb{
     194    -webkit-appearance:none;
     195    cursor:pointer;
     196    background:#fff;
     197    border:0;
     198    border-radius:100%;
     199    width:16px;
     200    height:16px;
     201    box-shadow:0 1px 2px #000
     202}
     203}
     204
     205/* =========================================================
     206   FIX: ICON TOO LARGE + PANEL CLICK ISSUE
     207   (SAFE OVERRIDE – NO CORE CSS MODIFIED)
     208   ========================================================= */
     209
     210button#aa-toggle img{
     211    width:32px !important;
     212    height:32px !important;
     213    max-width:32px !important;
     214    max-height:32px !important;
     215    transform:none !important;
     216    margin:auto;
     217    display:block;
     218}
     219
     220#aa-panel{
     221    display:flex;
     222    align-items:center;
     223    justify-content:center;
     224}
     225
     226#aa-panel,
     227#aa-panel-main,
     228.aa-wrap{
     229    z-index:999999 !important;
     230    pointer-events:auto !important;
     231}

  • adjust-accessibility/trunk/readme.txt

    r3425784 r3425921  
    44Requires at least: 4.5
    55Tested up to: 6.9
    6 Stable tag: 1.0.0
     6Stable tag: 1.0.1
    77License: GPLv2 or later
    88License URI: https://www.gnu.org/licenses/gpl-2.0.html
Note: See TracChangeset for help on using the changeset viewer.