aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-18 23:24:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: change default paragraph alignment to justify

Browse Source
This commit is contained in:
Gigi
2025-10-15 17:45:10 +02:00
parent e2c712033f
commit 0cf076b010
6 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Settings.tsx
View File

@@ -35,7 +35,7 @@ const DEFAULT_SETTINGS: UserSettings = {
zapSplitAuthorWeight: 50, zapSplitAuthorWeight: 50,
useLocalRelayAsCache: true, useLocalRelayAsCache: true,
rebroadcastToAllRelays: false, rebroadcastToAllRelays: false,
paragraphAlignment: 'left', paragraphAlignment: 'justify',
} }
interface SettingsProps { interface SettingsProps {

6
src/components/Settings/ReadingDisplaySettings.tsx
View File

@@ -56,14 +56,14 @@ const ReadingDisplaySettings: React.FC<ReadingDisplaySettingsProps> = ({ setting
onClick={() => onUpdate({ paragraphAlignment: 'left' })} onClick={() => onUpdate({ paragraphAlignment: 'left' })}
title="Left aligned" title="Left aligned"
ariaLabel="Left aligned" ariaLabel="Left aligned"
variant={(settings.paragraphAlignment || 'left') === 'left' ? 'primary' : 'ghost'} variant={settings.paragraphAlignment === 'left' ? 'primary' : 'ghost'}
/> />
<IconButton <IconButton
icon={faAlignJustify} icon={faAlignJustify}
onClick={() => onUpdate({ paragraphAlignment: 'justify' })} onClick={() => onUpdate({ paragraphAlignment: 'justify' })}
title="Justified" title="Justified"
ariaLabel="Justified" ariaLabel="Justified"
variant={settings.paragraphAlignment === 'justify' ? 'primary' : 'ghost'} variant={(settings.paragraphAlignment || 'justify') === 'justify' ? 'primary' : 'ghost'}
/> />
</div> </div>
</div> </div>
@@ -178,7 +178,7 @@ const ReadingDisplaySettings: React.FC<ReadingDisplaySettingsProps> = ({ setting
fontFamily: previewFontFamily, fontFamily: previewFontFamily,
fontSize: `${settings.fontSize || 21}px`, fontSize: `${settings.fontSize || 21}px`,
'--highlight-rgb': hexToRgb(settings.highlightColor || '#ffff00'), '--highlight-rgb': hexToRgb(settings.highlightColor || '#ffff00'),
'--paragraph-alignment': settings.paragraphAlignment || 'left' '--paragraph-alignment': settings.paragraphAlignment || 'justify'
} as React.CSSProperties} } as React.CSSProperties}
> >
<h3>The Quick Brown Fox</h3> <h3>The Quick Brown Fox</h3>

2
src/hooks/useSettings.ts
View File

@@ -74,7 +74,7 @@ export function useSettings({ relayPool, eventStore, pubkey, accountManager }: U
root.setProperty('--highlight-color-nostrverse', settings.highlightColorNostrverse || '#9333ea') root.setProperty('--highlight-color-nostrverse', settings.highlightColorNostrverse || '#9333ea')
// Set paragraph alignment // Set paragraph alignment
root.setProperty('--paragraph-alignment', settings.paragraphAlignment || 'left') root.setProperty('--paragraph-alignment', settings.paragraphAlignment || 'justify')
console.log('✅ All styles applied') console.log('✅ All styles applied')
} }

2
src/services/settingsService.ts
View File

@@ -53,7 +53,7 @@ export interface UserSettings {
darkColorTheme?: 'black' | 'midnight' | 'charcoal' // default: midnight darkColorTheme?: 'black' | 'midnight' | 'charcoal' // default: midnight
lightColorTheme?: 'paper-white' | 'sepia' | 'ivory' // default: sepia lightColorTheme?: 'paper-white' | 'sepia' | 'ivory' // default: sepia
// Reading settings // Reading settings
paragraphAlignment?: 'left' | 'justify' // default: left paragraphAlignment?: 'left' | 'justify' // default: justify
} }
export async function loadSettings( export async function loadSettings(

2
src/styles/components/forms.css
View File

@@ -41,7 +41,7 @@
.preview-content p { .preview-content p {
margin: 0.75rem 0; margin: 0.75rem 0;
word-wrap: break-word; word-wrap: break-word;
text-align: var(--paragraph-alignment, left); text-align: var(--paragraph-alignment, justify);
} }
.setting-select { width: 100%; padding: 0.5rem; background: var(--color-bg-elevated); border: 1px solid var(--color-border-subtle); border-radius: 4px; color: var(--color-text); font-size: 1rem; } .setting-select { width: 100%; padding: 0.5rem; background: var(--color-bg-elevated); border: 1px solid var(--color-border-subtle); border-radius: 4px; color: var(--color-text); font-size: 1rem; }
.setting-inline .setting-select { width: auto; min-width: 200px; flex: 1; } .setting-inline .setting-select { width: auto; min-width: 200px; flex: 1; }

4
src/styles/components/reader.css
View File

@@ -47,9 +47,9 @@
.reader .reader-html li, .reader .reader-html li,
.reader .reader-markdown li, .reader .reader-markdown li,
.reader .reader-html blockquote, .reader .reader-html blockquote,
.reader .reader-markdown blockquote { text-align: var(--paragraph-alignment, left); } .reader .reader-markdown blockquote { text-align: var(--paragraph-alignment, justify); }
/* Override centered content with user preference */ /* Override centered content with user preference */
.reader center, .reader [align="center"] { text-align: var(--paragraph-alignment, left) !important; } .reader center, .reader [align="center"] { text-align: var(--paragraph-alignment, justify) !important; }
/* Keep headings left-aligned */ /* Keep headings left-aligned */
.reader .reader-html h1, .reader .reader-html h2, .reader .reader-html h3, .reader .reader-html h4, .reader .reader-html h5, .reader .reader-html h6, .reader .reader-html h1, .reader .reader-html h2, .reader .reader-html h3, .reader .reader-html h4, .reader .reader-html h5, .reader .reader-html h6,
.reader .reader-markdown h1, .reader .reader-markdown h2, .reader .reader-markdown h3, .reader .reader-markdown h4, .reader .reader-markdown h5, .reader .reader-markdown h6 { text-align: left !important; } .reader .reader-markdown h1, .reader .reader-markdown h2, .reader .reader-markdown h3, .reader .reader-markdown h4, .reader .reader-markdown h5, .reader .reader-markdown h6 { text-align: left !important; }