Comments (8)
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.
from pirati.
Utente creato, per cortesia verifica se puoi modificare lo stile.
from pirati.
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.
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.
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.
dovrei aver applicato il tuo css. per cortesia verifica.
grazie.
from pirati.
si e funziona ;)
chiudo
from pirati.
Related Issues (11)
- Spostare punti HOT 5
- Punti Siria HOT 1
- Mostrare affiliazioni corsari HOT 5
- Centrare popup HOT 1
- Ordinare i fatti per data HOT 11
- Studiare legenda per zone non esattamente identificate HOT 5
- Località ripetute HOT 1
- Uniformare nomi colonna ``per`` HOT 1
- Definire filtri HOT 5
- Aggiungere riceerca HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pirati.