Git Product home page Git Product logo

Comments (8)

pcav avatar pcav commented on July 27, 2024

Direi che la cosa migliore è fare un utente e modificare direttamente il CSS così:
https://docs.lizmap.com/current/it/publish/customization/themes.html#additional-css
OK?

from pirati.

Federico81 avatar Federico81 commented on July 27, 2024

from pirati.

pcav avatar pcav commented on July 27, 2024

Utente creato, per cortesia verifica se puoi modificare lo stile.

from pirati.

Federico81 avatar Federico81 commented on July 27, 2024

allora, il problema è che se modifico lo stile.css resta a una priorità inferiore rispetto alla marcatura in linea. Infatti nell'html c'è un tag <div id="liz_layer_popup" class="olPopup lizmapPopup" ...> che ha uno style in linea e quello dà un'istruzione css più prossima (che comanda sempre e non si può sovrascrivere).
Bisogna rintracciare quella riga e dove c'è scritto left:628px sostituire con left:30vw e dove c'è scritto width:500px sostituire con width:40vw. L'ho testato nel tool di anteprima e funziona

from pirati.

pcav avatar pcav commented on July 27, 2024

Ti allego qua lo stile di default, che puoi modificare a piacimento, poi lo installo io sul progetto.
Grazie.
lizmapWebClient_default_theme.zip

from pirati.

Federico81 avatar Federico81 commented on July 27, 2024

Ciao Paolo, come ti dicevo sopra anche se modifico il css non modificherei lo stile della pagina.
Questo perché il foglio di stile a cascata ha come caratteristica proprio quella di essere a cascata: le istruzioni si ereditano come in un albero, se c'è un'istruzione più prossima viene cancellata l'istruzione precedente.
Nel nostro caso se scrivo nel css la riga
#liz_layer_popup {left:30vw; width:500px} incontrerà un'istruzione più prossima che è marcata dentro l'html e la cancella questo perché nel tag <div id="liz_layer_popup" class="olPopup lizmapPopup"... c'è un attributo style che ri-assegna quei valori e li sovrascrive. Quindi sarebbe da modificare nell'html quell'istruzione, comunque sia ho fatto una prova, ho modificato il file map.css usando !important te lo mando via posta

from pirati.

pcav avatar pcav commented on July 27, 2024

dovrei aver applicato il tuo css. per cortesia verifica.
grazie.

from pirati.

Federico81 avatar Federico81 commented on July 27, 2024

si e funziona ;)
chiudo

from pirati.

Related Issues (11)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.