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

style: adjust widget width and padding for improved layout and accessibility #3

Browse Source
This commit is contained in:
sinanisler
2025-12-22 02:38:39 +03:00
parent 17699aac92
commit 7be7f2aef9
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
widget.js
+5 -3
View File
@@ -605,7 +605,8 @@ const widgetStyles = `
position: fixed; position: fixed;
top: 0; top: 0;
${WIDGET_CONFIG.widgetPosition.side}: 0; ${WIDGET_CONFIG.widgetPosition.side}: 0;
width: ${WIDGET_CONFIG.widgetWidth}; max-width: ${WIDGET_CONFIG.widgetWidth};
width:100%;
height: 100vh; height: 100vh;
overflow-y: auto; overflow-y: auto;
background-color: #e2e2e2; background-color: #e2e2e2;
@@ -614,6 +615,7 @@ const widgetStyles = `
font-family: ${WIDGET_CONFIG.typography.fontFamily}; font-family: ${WIDGET_CONFIG.typography.fontFamily};
z-index: 999999; z-index: 999999;
scrollbar-width: thin; scrollbar-width: thin;
line-height:1 !important;
} }
.snn-accessibility-option { .snn-accessibility-option {
@@ -781,7 +783,7 @@ const widgetStyles = `
} }
.snn-content { .snn-content {
padding: 20px; padding: 20px 20px 0px 20px;
} }
.snn-language-selector { .snn-language-selector {
@@ -789,7 +791,7 @@ const widgetStyles = `
background: white; background: white;
color: black; color: black;
border: none; border: none;
padding: 12px; padding: 14px;
font-size: 16px; font-size: 16px;
font-family: ${WIDGET_CONFIG.typography.fontFamily}; font-family: ${WIDGET_CONFIG.typography.fontFamily};
border-radius: 5px; border-radius: 5px;