Jacek Pyziak
602e6a92fe
- Implemented high contrast mode toggle with state persistence. - Added blue filter toggle with visual effect and state persistence. - Introduced grayscale mode toggle with state persistence. - Included option to hide/show images with state persistence. - Added functionality to increase/decrease cursor size with visual feedback. - Enhanced font size controls with increment, decrement, and reset options. - Updated accessibility panel UI and button labels for clarity. - Ensured all new features are accessible and maintain user preferences across sessions.
1 line
3.4 KiB
Plaintext
1 line
3.4 KiB
Plaintext
{"version":3,"sources":["accessibility.scss"],"names":[],"mappings":"AAAA,sBACE,cAAA,CACA,WAAA,CACA,UAAA,CACA,kBAAA,CACA,UAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,cAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,cAAA,CACA,YAAA,CACA,kCAAA,CAGF,qBACE,cAAA,CACA,KAAA,CACA,OAAA,CACA,WAAA,CACA,WAAA,CACA,kBAAA,CACA,qCAAA,CACA,0BAAA,CACA,6BAAA,CACA,YAAA,CACA,YAAA,CACA,qBAAA,CAEA,gDACE,QAAA,CACA,WAAA,CACA,UAAA,CACA,iBAAA,CAIJ,0BACE,uBAAA,CAGF,cACE,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,kBAAA,CACA,UAAA,CACA,YAAA,CACA,gBAAA,CAGF,YACE,YAAA,CACA,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,qFAKE,YAAA,CACA,cAAA,CACA,cAAA,CAMA,0FAIE,uBAAA,CAKJ,eACE,sBAAA,CAMA,gDAEE,sBAAA,CAKJ,aACE,qBAAA,CAIF,oBACE,YAAA,CACA,qBAAA,CACA,OAAA,CACA,kBAAA,CACA,eAAA,CAEA,2BACE,gBAAA,CACA,iBAAA,CACA,wBAAA,CACA,kBAAA,CACA,cAAA,CACA,eAAA,CAEA,iCACE,kBAAA,CAGF,oCACE,WAAA,CACA,kBAAA,CAMN,UACE,gBAAA,CAGF,UACE,eAAA","file":"accessibility.css","sourcesContent":["#accessibility-button {\r\n position: fixed;\r\n bottom: 20px;\r\n right: 20px;\r\n background: #6366f1;\r\n color: white;\r\n border-radius: 50%;\r\n width: 50px;\r\n height: 50px;\r\n font-size: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n z-index: 9999;\r\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n#accessibility-panel {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n width: 280px;\r\n height: 100%;\r\n background: #f9f9f9;\r\n box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);\r\n transform: translateX(100%);\r\n transition: transform 0.3s ease;\r\n z-index: 9998;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n #close-accessibility-panel {\r\n border: 0;\r\n height: 30px;\r\n width: 30px;\r\n border-radius: 6px;\r\n }\r\n}\r\n\r\n#accessibility-panel.open {\r\n transform: translateX(0);\r\n}\r\n\r\n.panel-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #6366f1;\r\n color: white;\r\n padding: 1rem;\r\n font-weight: bold;\r\n}\r\n\r\n.panel-body {\r\n padding: 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n#toggle-contrast,\r\n#toggle-blue-filter,\r\n#toggle-grayscale,\r\n#toggle-images,\r\n#toggle-cursor {\r\n padding: 10px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n}\r\n\r\n/* Ukrywanie obrazów */\r\nbody.hide-images {\r\n\r\n img,\r\n picture,\r\n svg,\r\n video {\r\n display: none !important;\r\n }\r\n}\r\n\r\n/* Szarość */\r\nhtml.grayscale {\r\n filter: grayscale(100%);\r\n}\r\n\r\n/* Duży kursor – chowamy natywny kursor dopiero po pierwszym ruchu */\r\nbody.big-cursor-active {\r\n\r\n &,\r\n * {\r\n cursor: none !important;\r\n }\r\n}\r\n\r\n/* Overlay kursora */\r\n#a11y-cursor {\r\n will-change: transform;\r\n}\r\n\r\n/* Kontrolki rozmiaru czcionki */\r\n.font-size-controls {\r\n display: grid;\r\n grid-auto-flow: column;\r\n gap: 8px;\r\n align-items: center;\r\n margin-top: 10px;\r\n\r\n button {\r\n padding: 6px 10px;\r\n border-radius: 8px;\r\n border: 1px solid #dcdcdc;\r\n background: #f7f7f7;\r\n cursor: pointer;\r\n font-weight: 600;\r\n\r\n &:hover {\r\n background: #efefef;\r\n }\r\n\r\n &:disabled {\r\n opacity: .55;\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\n/* Drobne różnice optyczne dla przycisków A− / A+ */\r\n#font-inc {\r\n font-size: 1.05em;\r\n}\r\n\r\n#font-dec {\r\n font-size: 0.95em;\r\n}"]} |