pro/2022_WEBSITE_jipf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

infowindow style fabien

Browse Source
This commit is contained in:
lenovo
2022-11-14 14:18:42 +01:00
parent 48e1572957
commit 362e549d8b
2 changed files with 29 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
srcs/plugins/map_prof/scripts/mp_filter_events.js
View File

@@ -93,7 +93,7 @@ function is_element_unchecked(element) {
function filter_show_only_selection(element, indexes, menu, add = false, zoom_in = true) {
// temp solution because we can't actually put onclick event inside select options
// BAD WORKAROUND solution because we can't actually put onclick event inside select options
// on chrome, so I have to recover the indexes another way
if (element.type == "select-one") {
if (element.value == menu)

50
srcs/plugins/map_prof/styles/mp_info_windows.css
View File

@@ -7,7 +7,7 @@
/* **************************************
WINDOW ITSELF
GOOGLE WINDOW
*/
.gm-style-iw.gm-style-iw-c {
@@ -23,7 +23,7 @@
/* **************************************
TRIANGLE
GOOGLE TRIANGLE
*/
.gm-style-iw-tc {
@@ -34,7 +34,7 @@
/* **************************************
CROICE
GOOGLE CROICE
*/
button.gm-ui-hover-effect {
@@ -60,7 +60,7 @@ button.gm-ui-hover-effect {
#infowindow_limits {
/* height must be twice js 'height' value (mp_info_windows.js -> '{ ... height: XXX }' */
height: 400px;
width: 400px;
width: 380px;
flex-direction: column;
pointer-events: none;
background-color: transparent;
@@ -73,26 +73,27 @@ button.gm-ui-hover-effect {
padding: 0px;
overflow: scroll;
flex-direction: column;
border-radius: 5px;
border-radius: 3px;
background-color: #fff;
border: 1px solid #ccc;
}
#infowindow_limits #infowindow_close {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
width: 30px;
height: 30px;
cursor: pointer;
}
#infowindow_limits #infowindow_close::before {
content: "";
position: absolute;
top: calc(50% - 1px);
top: calc(50% - 0.8px);
left: 25%;
width: 50%;
height: 2px;
height: 1.6px;
background-color: #fff;
transform: rotate(-45deg);
}
@@ -100,44 +101,49 @@ button.gm-ui-hover-effect {
#infowindow_limits #infowindow_close::after {
content: "";
position: absolute;
top: calc(50% - 1px);
top: calc(50% - 0.8px);
left: 25%;
width: 50%;
height: 2px;
height: 1.6px;
background-color: #fff;
transform: rotate(45deg);
}
#infowindow_limits .infowindow_head {
padding: 20px;
background-color: #ba197a;
padding: 5px 10px;
margin: 0px;
background-color: #ab197a;
}
#infowindow_limits .infowindow_head p {
font-size: 120%;
font-size: 115%;
font-weight: 500;
line-height: 1.7em;
color: #fff;
margin-right: 30px;
}
#infowindow_limits .infowindow_body {
padding: 20px;
margin-bottom: 10px;
padding: 0px 10px 10px 10px;
margin: 0px;
margin-top: 30px;
}
#infowindow_limits .infowindow_body::after {
content: "";
position: absolute;
top: -5px;
left: 15%;
margin: auto;
width: 70%;
bottom: 0px;
left: 0px;
margin: 0px;
width: 100%;
height: 1px;
background-color: #ba197a;
background-color: #ccc;
}
#infowindow_limits .infowindow_body p {
font-size: 120%;
font-size: 115%;
font-weight: 500;
line-height: 1.7em;
color: #666;
}