<div dir="ltr">Hello,<div>I guess, for this specific purpose, you can avoid touching the CSS.</div><div><br></div><div>I would try as follows:</div><div><br></div><div> - <a href="https://github.com/GeoNode/geonode-mapstore-client/blob/master/geonode_mapstore_client/templates/geonode-mapstore-client/_geonode_config.html#L176">Here</a>, inside the <font face="monospace">"window.__GEONODE_CONFIG__.overrideLocalConfig = function(localConfig, _)"</font> block, you can potentially override any of the variables of the <font face="monospace"><a href="https://github.com/GeoNode/geonode-mapstore-client/blob/master/geonode_mapstore_client/client/static/mapstore/configs/localConfig.json">"localConfig.json"</a></font>.</div><div> - The <font face="monospace"><a href="https://github.com/GeoNode/geonode-mapstore-client/blob/master/geonode_mapstore_client/client/static/mapstore/configs/localConfig.json">"localConfig.json"</a>,</font> has an object called <font face="monospace"><a href="https://github.com/GeoNode/geonode-mapstore-client/blob/master/geonode_mapstore_client/client/static/mapstore/configs/localConfig.json#L10">"mapLayout"</a></font> with different sizes in pixels. "sm" stands for small (mobile phones), "md" for medium (tablets and the like), "lg" for large (browsers, typically).</div><div> - Try to modify one of those sizes and see what happens. Not sure if you will need to rebuild the client by using "npm run compile". Probably yes.</div><div><br></div><div>If you need further customization, I guess you have to modify the ".less" theme <a href="https://github.com/GeoNode/geonode-mapstore-client/tree/master/geonode_mapstore_client/client/themes/geonode">here</a>. Again, you will probably have to rebuild the client for the changes to take effect.</div><div><br></div><div>Regards,</div><div>Alessio.</div><div><br></div></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Wed, Jul 20, 2022 at 4:22 PM Γιώργος Πούλος <<a href="mailto:gpoul2000@hotmail.com">gpoul2000@hotmail.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
<div dir="ltr">
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
Nice Information! This file is awesome! But I can't find the right property.</div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
Maybe the property <span>isMobile</span>: <span>isMobile</span><span>, is near to me but I think it can't give me the solution</span>
<br>
</div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
I think css will help me. If I knew the name of the panel as css propery I would try, but it is hard to find it.<br>
</div>
<div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
Any other suggestions?</div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
<br>
</div>
<div id="gmail-m_-6754036617337510666Signature">
<div>
<div id="gmail-m_-6754036617337510666divtagdefaultwrapper" style="font-size:12pt;color:rgb(0,0,0);background-color:rgb(255,255,255);font-family:Calibri,Arial,Helvetica,sans-serif">
<div style="font-family:arial,sans-serif;font-size:13px"><font color="#0b5394"><b><i>Πούλος Γιώργος</i></b></font></div>
<div style="font-family:arial,sans-serif;font-size:13px"><font color="#0b5394"><b><i>Δαβάκη 4, Λιβαδειά, 32100, </i></b></font></div>
<div style="font-family:arial,sans-serif;font-size:13px"><font color="#0b5394"><b><i>Στερεά Ελλάδα</i></b></font></div>
<div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><b><i><font color="#0b5394">t 6970115279, </font></i></b><b><i><font color="#0b5394">mail: <a href="mailto:gpoul2000@hotmail.com" target="_blank">gpoul2000@hotmail.com</a></font></i></b></div>
<br>
<div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><span style="font-size:18pt;font-family:Webdings;color:green">P</span><span style="font-family:Calibri,sans-serif;font-size:15px"> </span><b style="font-family:Calibri,sans-serif;font-size:15px"><span style="font-size:8pt;font-family:"Century Gothic",sans-serif;color:green" lang="EN-GB">Please
consider the environment before printing this document</span></b></div>
</div>
</div>
</div>
</div>
<div id="gmail-m_-6754036617337510666appendonsend"></div>
<hr style="display:inline-block;width:98%">
<div id="gmail-m_-6754036617337510666divRplyFwdMsg" dir="ltr"><font face="Calibri, sans-serif" style="font-size:11pt" color="#000000"><b>From:</b> Alessio Fabiani <<a href="mailto:alessio.fabiani@geosolutionsgroup.com" target="_blank">alessio.fabiani@geosolutionsgroup.com</a>><br>
<b>Sent:</b> Wednesday, July 20, 2022 11:00 AM<br>
<b>To:</b> Γιώργος Πούλος <<a href="mailto:gpoul2000@hotmail.com" target="_blank">gpoul2000@hotmail.com</a>><br>
<b>Cc:</b> <a href="mailto:geonode-users@lists.osgeo.org" target="_blank">geonode-users@lists.osgeo.org</a> <<a href="mailto:geonode-users@lists.osgeo.org" target="_blank">geonode-users@lists.osgeo.org</a>><br>
<b>Subject:</b> Re: [GeoNode-users] decrease (map query) panel size</font>
<div> </div>
</div>
<div>
<div dir="ltr">Try taking a look at the _geonode_config.html template here
<div><br>
</div>
<div><a href="https://github.com/GeoNode/geonode-mapstore-client/blob/master/geonode_mapstore_client/templates/geonode-mapstore-client/_geonode_config.html" target="_blank">https://github.com/GeoNode/geonode-mapstore-client/blob/master/geonode_mapstore_client/templates/geonode-mapstore-client/_geonode_config.html</a><br>
</div>
<div><br>
</div>
<div>and check if there's a property allowing you to fix the panel size. It should be related to the view that you want to tweak.</div>
</div>
<br>
<div>
<div dir="ltr">On Tue, Jul 19, 2022 at 5:10 PM Γιώργος Πούλος <<a href="mailto:gpoul2000@hotmail.com" target="_blank">gpoul2000@hotmail.com</a>> wrote:<br>
</div>
<blockquote style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
<div dir="ltr">
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
<p style="margin:0in;font-size:11pt;font-family:Calibri,sans-serif">
<span style="background-color:rgb(255,0,0)"></span><span>Hello all,<u></u> <u></u></span></p>
<p style="margin:0in;font-size:11pt;font-family:Calibri,sans-serif">
<span><u></u> <u></u></span></p>
<p style="margin:0in;font-size:11pt;font-family:Calibri,sans-serif">
<span>I want to decrease the size of right panel that the image shows.<u></u> <u></u></span></p>
<p style="margin:0in;font-size:11pt;font-family:Calibri,sans-serif">
<span>It hides a lot of map area (screenshot is in desktop). In mobile and tablet the problem is worst, because map area is disappearing!<u></u> <u></u></span></p>
<p style="margin:0in;font-size:11pt;font-family:Calibri,sans-serif">
<span>Can anybody help me? I think is pure CSS problem but I can’t understand how I can fix it.<u></u> <u></u></span></p>
<p style="margin:0in;font-size:11pt;font-family:Calibri,sans-serif">
<span><u></u> <u></u></span></p>
<p style="margin:0in;font-size:11pt;font-family:Calibri,sans-serif">
<span></span><span><u></u> <u></u></span></p>
<p style="margin:0in;font-size:11pt;font-family:Calibri,sans-serif">
<span><u></u> <img size="423606" width="456" height="179" style="width: 456.921px; height: 179px; max-width: initial;" src="cid:1821c09700ecb971f161"><u></u></span></p>
<p style="margin:0in;font-size:11pt;font-family:Calibri,sans-serif">
<span><u></u> <u></u></span></p>
<br>
</div>
<div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
<br>
</div>
<div id="gmail-m_-6754036617337510666x_gmail-m_3213917188359364043Signature">
<div>
<div id="gmail-m_-6754036617337510666x_gmail-m_3213917188359364043divtagdefaultwrapper" style="font-size:12pt;color:rgb(0,0,0);background-color:rgb(255,255,255);font-family:Calibri,Arial,Helvetica,sans-serif">
<div style="font-family:arial,sans-serif;font-size:13px"><font color="#0b5394"><b><i>Πούλος Γιώργος</i></b></font></div>
<div style="font-family:arial,sans-serif;font-size:13px"><font color="#0b5394"><b><i>Δαβάκη 4, Λιβαδειά, 32100, </i></b></font></div>
<div style="font-family:arial,sans-serif;font-size:13px"><font color="#0b5394"><b><i>Στερεά Ελλάδα</i></b></font></div>
<div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><b><i><font color="#0b5394">t 6970115279, </font></i></b><b><i><font color="#0b5394">mail:
<a href="mailto:gpoul2000@hotmail.com" target="_blank">gpoul2000@hotmail.com</a></font></i></b></div>
<div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><font color="#0b5394"><b><br>
</b></font></div>
<div style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><span style="font-size:18pt;font-family:Webdings;color:green">P</span><span style="font-family:Calibri,sans-serif;font-size:15px"> </span><b style="font-family:Calibri,sans-serif;font-size:15px"><span lang="EN-GB" style="font-size:8pt;font-family:"Century Gothic",sans-serif;color:green">Please
consider the environment before printing this document</span></b></div>
</div>
</div>
</div>
</div>
</div>
_______________________________________________<br>
geonode-users mailing list<br>
<a href="mailto:geonode-users@lists.osgeo.org" target="_blank">geonode-users@lists.osgeo.org</a><br>
<a href="https://lists.osgeo.org/mailman/listinfo/geonode-users" rel="noreferrer" target="_blank">https://lists.osgeo.org/mailman/listinfo/geonode-users</a><br>
</blockquote>
</div>
<br clear="all">
<div><br>
</div>
-- <br>
<div dir="ltr">
<div dir="ltr"><span>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">Regards,</span></p>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">Alessio Fabiani</span></p>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">==</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br>
</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">GeoServer Professional Services from the experts!</span></p>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">Visit
</span><a href="http://bit.ly/gs-services-us" target="_blank"><span style="font-size:11pt;font-family:Arial;color:rgb(17,85,204);vertical-align:baseline;white-space:pre-wrap">http://bit.ly/gs-services-us</span></a><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">
for more information.</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br>
</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">==</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br>
</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br>
</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">Ing. Alessio Fabiani</span></p>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">@alfa7691</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br>
</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">Founder/Technical Lead</span></p>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br>
</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">GeoSolutions Group</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br>
</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">phone: +39 0584 962313</span></p>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">fax: +39 0584 1660272</span></p>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">mob: +39 331 6233686</span></p>
<br>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><a href="https://www.geosolutionsgroup.com/" target="_blank"><span style="font-size:11pt;font-family:Arial;color:rgb(17,85,204);vertical-align:baseline;white-space:pre-wrap">https://www.geosolutionsgroup.com/</span></a></p>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><a href="http://twitter.com/geosolutions_it" target="_blank"><span style="font-size:11pt;font-family:Arial;color:rgb(17,85,204);vertical-align:baseline;white-space:pre-wrap">http://twitter.com/geosolutions_it</span></a></p>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">-------------------------------------------------------</span></p>
<br>
<span style="font-size:11pt;font-family:Arial;color:rgb(0,0,0);background-color:transparent;vertical-align:baseline;white-space:pre-wrap">Con riferimento alla normativa sul trattamento dei dati personali (Reg. UE 2016/679 - Regolamento generale sulla protezione
dei dati “GDPR”), si precisa che ogni circostanza inerente alla presente email (il suo contenuto, gli eventuali allegati, etc.) è un dato la cui conoscenza è riservata al/i solo/i destinatario/i indicati dallo scrivente. Se il messaggio Le è giunto per errore,
è tenuta/o a cancellarlo, ogni altra operazione è illecita. Le sarei comunque grato se potesse darmene notizia.</span><span style="font-size:11pt;font-family:Arial;color:rgb(0,0,0);background-color:transparent;vertical-align:baseline;white-space:pre-wrap"><br>
</span><span style="font-size:11pt;font-family:Arial;color:rgb(0,0,0);background-color:transparent;vertical-align:baseline;white-space:pre-wrap"><br>
</span><span style="font-size:11pt;font-family:Arial;color:rgb(0,0,0);background-color:transparent;vertical-align:baseline;white-space:pre-wrap">This email is intended only for the person or entity to which it is addressed and may contain information that
is privileged, confidential or otherwise protected from disclosure. We remind that - as provided by European Regulation 2016/679 “GDPR” - copying, dissemination or use of this e-mail or the information herein by anyone other than the intended recipient is
prohibited. If you have received this email by mistake, please notify us immediately by telephone or e-mail.</span></span><br>
</div>
</div>
</div>
</div>
</blockquote></div><br clear="all"><div><br></div>-- <br><div dir="ltr" class="gmail_signature"><div dir="ltr"><span><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">Regards,</span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">Alessio Fabiani</span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">==</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br></span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">GeoServer Professional Services from the experts!</span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">Visit </span><a href="http://bit.ly/gs-services-us" target="_blank"><span style="font-size:11pt;font-family:Arial;color:rgb(17,85,204);vertical-align:baseline;white-space:pre-wrap">http://bit.ly/gs-services-us</span></a><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"> for more information.</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br></span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">==</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br></span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br></span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">Ing. Alessio Fabiani</span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">@alfa7691</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br></span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">Founder/Technical Lead</span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br></span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">GeoSolutions Group</span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap"><br></span><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">phone: +39 0584 962313</span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">fax: +39 0584 1660272</span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">mob: +39 331 6233686</span></p><br><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><a href="https://www.geosolutionsgroup.com/" target="_blank"><span style="font-size:11pt;font-family:Arial;color:rgb(17,85,204);vertical-align:baseline;white-space:pre-wrap">https://www.geosolutionsgroup.com/</span></a></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><a href="http://twitter.com/geosolutions_it" target="_blank"><span style="font-size:11pt;font-family:Arial;color:rgb(17,85,204);vertical-align:baseline;white-space:pre-wrap">http://twitter.com/geosolutions_it</span></a></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt"><span style="font-size:11pt;font-family:Arial;color:rgb(34,34,34);vertical-align:baseline;white-space:pre-wrap">-------------------------------------------------------</span></p><br><span style="font-size:11pt;font-family:Arial;color:rgb(0,0,0);background-color:transparent;vertical-align:baseline;white-space:pre-wrap">Con riferimento alla normativa sul trattamento dei dati personali (Reg. UE 2016/679 - Regolamento generale sulla protezione dei dati “GDPR”), si precisa che ogni circostanza inerente alla presente email (il suo contenuto, gli eventuali allegati, etc.) è un dato la cui conoscenza è riservata al/i solo/i destinatario/i indicati dallo scrivente. Se il messaggio Le è giunto per errore, è tenuta/o a cancellarlo, ogni altra operazione è illecita. Le sarei comunque grato se potesse darmene notizia.</span><span style="font-size:11pt;font-family:Arial;color:rgb(0,0,0);background-color:transparent;vertical-align:baseline;white-space:pre-wrap"><br></span><span style="font-size:11pt;font-family:Arial;color:rgb(0,0,0);background-color:transparent;vertical-align:baseline;white-space:pre-wrap"><br></span><span style="font-size:11pt;font-family:Arial;color:rgb(0,0,0);background-color:transparent;vertical-align:baseline;white-space:pre-wrap">This email is intended only for the person or entity to which it is addressed and may contain information that is privileged, confidential or otherwise protected from disclosure. We remind that - as provided by European Regulation 2016/679 “GDPR” - copying, dissemination or use of this e-mail or the information herein by anyone other than the intended recipient is prohibited. If you have received this email by mistake, please notify us immediately by telephone or e-mail.</span></span><br></div></div>