Larghezza personalizzata di Discourse

Componente del tema
1

| | | |\n|— | — | —|\n|:information_source: | Riepilogo | Imposta una larghezza personalizzata per il tuo forum Discourse|\n|: eyeglasses: | Anteprima | https://discourse.theme-creator.io/theme/Canapin/custom-discourse-width (larghezza 1400px)|\n|:hammer_and_wrench: | Repository | https://github.com/Canapin/Discourse-custom-width|\n|:question: | Guida all’installazione | Come installare un tema o un componente del tema|\n|:open_book: | Nuovo ai temi di Discourse? | Guida per principianti all’uso dei temi di Discourse|\n\n\u003c!-- Compila "repoName" e "repoURL" per il pulsante di installazione automatica –\u003e\n\n[wrap=theme-install-button repoName="Discourse Custom Width" repoUrl="https://github.com/Canapin/Discourse-custom-width\"]\nInstalla questo componente del tema\n[/wrap]\n\n\u003c!-- Descrivi questo tema/componente in una o due frasi –\u003e\n\nQuesto componente del tema molto semplice ha un’unica impostazione che definisce la larghezza del tuo forum.\n\n

image
image748×791 20.7 KB
\n\nLa larghezza non può superare la larghezza della finestra o essere inferiore alla larghezza massima predefinita di Discourse di 1110px.\n\n\u003c!-- Aggiungi screenshot (se applicabile) –\u003e\n\nEsempio di larghezza con una larghezza di 1400px:\n
2498×1369 245 KB
\n\u003c!-- Aggiungi maggiori dettagli e spiega le impostazioni (se applicabile) –\u003e

7 Mi Piace
2

Ciao!

Perché solo larghezza fissa con px?

Ho questo nel mio css:

:root {
	--d-max-width: 80%;
}

.topic-body {
	width: 90%;
}

#reply-control {
    max-width: 80%;
}

.body-page {
    width: 100%;
    max-width: 100%;
}
3 Mi Piace
3

Questa è una buona idea per consentire altre unità, ma in questo caso non saprei come impedire agli utenti di impostare un valore troppo basso che potrebbe compromettere il layout.

Sono aperto a qualsiasi idea e PR :slight_smile:

2 Mi Piace
4

Questo componente del tema è in qualche modo correlato al tema a larghezza intera chiaro?

5

Questa è un’ottima domanda, ma penso che dovresti fidarti degli utenti.

Separerei il valore dall’unità e creerei una “query if-else” all’interno del CSS se utilizzano px o % e poi un secondo if al suo interno per controllare il valore se è troppo piccolo.

if px
   if value < 1100px
     set value 1100
   else
     set value to variable
else if %
   if value < 50 %
     set value 50%
   else
     set value to variable

Onestamente, al momento non so se questo sia possibile in un file CSS.

2 Mi Piace
6

Non lo è. Hai un link a questo tema? Non sono riuscito a trovarlo :thinking:

2 Mi Piace
7

Mi piacerebbe avere anche il "full-width leggero".

Qualcuno del @team può rilasciare il css per questo?

2 Mi Piace
8

Non riesco a trovarlo neanche io, penso che questo tema sia esclusivo di questo forum.

1 Mi Piace
9

Ho visto il tema di cui stai parlando. Sì, sembrano simili e potrei anche aggiungere un’impostazione per definire la larghezza del contenuto.

Per rendere il componente del tema più unico, potrei impostare i campi nelle impostazioni dell’utente in modo che ognuno possa avere la propria larghezza preferita.

2 Mi Piace
10

L’ho cercato anch’io!

@sam @Falco avete idea di dove possiamo trovare informazioni su come fare il tema a larghezza intera chiaro e scuro? :innocent:

1 Mi Piace
11

Credo che qui ci sia il repository del tema a larghezza intera: GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width

5 Mi Piace
13

Trovato lo stesso problema nel post Op nel plugin multilingue, i link sembrano interrotti.

1 Mi Piace