invisi/accessibility-widgets
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Bump version to 1.0.7 in package.json and update widget.js styles for improved accessibility

Browse Source
This commit is contained in:
sinanisler
2025-07-31 10:56:17 +03:00
parent 8d279e1cdf
commit d89282270f
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "accessibility-widgets", "name": "accessibility-widgets",
"version": "1.0.6", "version": "1.0.7",
"description": "A comprehensive, lightweight accessibility widget that enhances web accessibility for all users. Provides multiple accessibility features including screen reader support, voice control, high contrast mode, and more.", "description": "A comprehensive, lightweight accessibility widget that enhances web accessibility for all users. Provides multiple accessibility features including screen reader support, voice control, high contrast mode, and more.",
"main": "widget.js", "main": "widget.js",
"scripts": { "scripts": {
widget.js
+9 -9
View File
@@ -209,7 +209,7 @@ const styles = `
width: ${WIDGET_CONFIG.widgetWidth}; width: ${WIDGET_CONFIG.widgetWidth};
height: 100vh; height: 100vh;
overflow-y: auto; overflow-y: auto;
background-color: ${WIDGET_CONFIG.colors.secondary}; background-color: #e2e2e2;
padding: 0; padding: 0;
display: none; display: none;
font-family: ${WIDGET_CONFIG.typography.fontFamily}; font-family: ${WIDGET_CONFIG.typography.fontFamily};
@@ -222,25 +222,25 @@ const styles = `
align-items: center; align-items: center;
padding: ${WIDGET_CONFIG.menu.optionPadding}; padding: ${WIDGET_CONFIG.menu.optionPadding};
width: 100%; width: 100%;
background-color: ${WIDGET_CONFIG.colors.border}; background-color: #ffffff;
color: ${WIDGET_CONFIG.colors.text}; color: ${WIDGET_CONFIG.colors.primary};
border: none; border: 2px solid #ffffff;
cursor: pointer; cursor: pointer;
border-radius: ${WIDGET_CONFIG.menu.borderRadius}; border-radius: ${WIDGET_CONFIG.menu.borderRadius};
transition: background-color ${WIDGET_CONFIG.animation.transition}; transition: background-color ${WIDGET_CONFIG.animation.transition}, border-color ${WIDGET_CONFIG.animation.transition};
line-height: ${WIDGET_CONFIG.typography.lineHeight} !important; line-height: ${WIDGET_CONFIG.typography.lineHeight} !important;
} }
.snn-accessibility-option:hover { .snn-accessibility-option:hover {
background-color: ${WIDGET_CONFIG.colors.borderHover}; border-color: ${WIDGET_CONFIG.colors.primary};
} }
.snn-accessibility-option.active { .snn-accessibility-option.active {
background-color: ${WIDGET_CONFIG.colors.primary}; border-color: ${WIDGET_CONFIG.colors.primary};
color: ${WIDGET_CONFIG.colors.textLight};
} }
.snn-icon { .snn-icon {
margin-right: 12px; margin-right: 12px;
width: ${WIDGET_CONFIG.button.iconSize}; width: ${WIDGET_CONFIG.button.iconSize};
height: ${WIDGET_CONFIG.button.iconSize}; height: ${WIDGET_CONFIG.button.iconSize};
fill: ${WIDGET_CONFIG.colors.primary};
} }
.snn-icon svg { .snn-icon svg {
width: 100%; width: 100%;
@@ -280,7 +280,7 @@ const styles = `
align-items: center; align-items: center;
margin-bottom: 20px; margin-bottom: 20px;
padding: 10px; padding: 10px;
background: #000000; background: ${WIDGET_CONFIG.colors.primary};
height: ${WIDGET_CONFIG.menu.headerHeight}; height: ${WIDGET_CONFIG.menu.headerHeight};
position: sticky; position: sticky;
top: 0; top: 0;