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