From 352b6d5b3abf22a81ba4b9f6f09e60b864d59ed7 Mon Sep 17 00:00:00 2001 From: Ninassi Benjamin <benjamin.ninassi@inria.fr> Date: Wed, 27 Mar 2019 14:31:22 +0100 Subject: [PATCH] split map css from main css and json export correction --- app/Resources/views/base.html.twig | 1 + .../views/Structure/listAll.html.twig | 2 +- .../views/Structure/listAll.json.twig | 2 +- web/css/classcodeadmin.css | 96 ----------------- web/css/map.css | 100 ++++++++++++++++++ 5 files changed, 103 insertions(+), 98 deletions(-) create mode 100644 web/css/map.css diff --git a/app/Resources/views/base.html.twig b/app/Resources/views/base.html.twig index 633249a..ae94dbb 100644 --- a/app/Resources/views/base.html.twig +++ b/app/Resources/views/base.html.twig @@ -32,6 +32,7 @@ <link href="{{ asset('js/jquery/1.8.2/plugin/DataTables-1.9.4/media/css/jquery.dataTables.css') }}" rel="stylesheet" type="text/css" /> <!-- main css --> <link rel="stylesheet" href="{{ asset('css/classcodeadmin.css') }}" /> + <link rel="stylesheet" href="{{ asset('css/map.css') }}" /> {% block envStylesheets %} {% endblock %} diff --git a/src/ClassCodeBundle/Resources/views/Structure/listAll.html.twig b/src/ClassCodeBundle/Resources/views/Structure/listAll.html.twig index 91312e5..a466130 100644 --- a/src/ClassCodeBundle/Resources/views/Structure/listAll.html.twig +++ b/src/ClassCodeBundle/Resources/views/Structure/listAll.html.twig @@ -15,7 +15,7 @@ <link href="{{ asset('bootstrap 3.1.1/dist/css/bootstrap-theme.css') }}" rel="stylesheet" type="text/css" /> <link href="{{ asset('bootstrap 3.1.1/docs/assets/css/docs.css') }}" rel="stylesheet" type="text/css" /> <!-- main css --> - <link rel="stylesheet" href="{{ asset('css/classcodeadmin.css') }}" /> + <link rel="stylesheet" href="{{ asset('css/map.css') }}" /> <!-- Open Street Map css --> <link rel="stylesheet" href="{{ asset('js/leaflet-1.3.1/leaflet.css') }}" /> <link rel="stylesheet" href="{{ asset('js/leaflet-1.3.1/plugins/leaflet.markercluster-1.3.0/dist/MarkerCluster.Default.css') }}" /> diff --git a/src/ClassCodeBundle/Resources/views/Structure/listAll.json.twig b/src/ClassCodeBundle/Resources/views/Structure/listAll.json.twig index 84bc877..50eaae6 100644 --- a/src/ClassCodeBundle/Resources/views/Structure/listAll.json.twig +++ b/src/ClassCodeBundle/Resources/views/Structure/listAll.json.twig @@ -8,7 +8,7 @@ "who" : "{{ structure.getWho }}", "address" : "{{ structure.getAddress }}", "location" : { "lat" : "{{structure.getLatitude }}" , "lng" :"{{ structure.getLongitude}}" }, - "email" : "{{structure.getEmail }}" + "email" : "{{structure.getEmail }}", "source" : "{{structure.getDataSource }}" } {% if loop.last == false %} diff --git a/web/css/classcodeadmin.css b/web/css/classcodeadmin.css index b48a351..e57af13 100644 --- a/web/css/classcodeadmin.css +++ b/web/css/classcodeadmin.css @@ -636,99 +636,3 @@ li.inline { padding: 0px; } -/* Map OSM */ -.map-wrapper{ - margin-top:10px; - margin-bottom:10px; -} -.osMap{ - z-index: 2; -} - -/* ClassCodeMapOverlay */ -#classCodeMapOverlay { - position: absolute; - top: 0px; - z-index: 3; - background-color: #fff; - width: 400px !important; - height: 400px !important; - display: none; - border: 1px solid #CCCCCC; - overflow-wrap: break-word; -} - -#classCodeMapOverlayTitle { - background-color: #CCCCCC; - overflow-wrap: break-word; - color: #5E5E5E; - padding: 10px 30px 10px 10px; - position: relative; -} - -#classCodeMapOverlayContent { - font-size: 14px; - padding-left: 1%; - color: #000; - overflow-wrap: break-word; -} - -#classCodeMapOverlayContent div { - font-size: 14px; - margin-top: 5px; - color: #5D5D5D; - margin-left: 10px; - margin-right: 10px; -} - -#body_container #classCodeMapOverlayContent div a { - text-decoration: none; - color: #266D83; -} - -#classCodeMapOverlayContent div.classCodeMapOverlayContentLogo { - max-width: 230px; - max-height: 240px; - text-align: center; - margin-left: auto; - margin-right: auto; -} - -#classCodeMapOverlayContent div.classCodeMapOverlayContentLogo img { - border-style: none; - max-width: 120px; - height: auto; -} - -#classCodeMapOverlayContent div.classCodeMapOverlayContentTitle { - color: #CCCCCC; - margin-left: 0px; -} - -#classCodeMapOverlayContent div.classCodeMapOverlayEmphasis { - font-weight: bold; - margin-left: 0px; -} - -#body_container #classCodeMapOverlayContent div a.classCodeMapOverlayLink, a.classCodeMapOverlayModifyLink { - color: white; - text-decoration: none; - display: block; - background-color: #27CFD0; - padding: 10px 20px; - margin: 10px 20px; - text-align: left; - font-weight: bold; -} - -.returnIcon { - position: absolute; - right: 10px; - top: 10px; - background-image: url(../images/croix.png); - background-repeat: no-repeat; - background-position: center center; - display: inline-block; - height: 22px; - width: 22px; -} \ No newline at end of file diff --git a/web/css/map.css b/web/css/map.css new file mode 100644 index 0000000..64ca61c --- /dev/null +++ b/web/css/map.css @@ -0,0 +1,100 @@ +/** +* Feuille de style minimale pour la carte +* Rouge INRIA : color: #E33729; +*/ +/* Map OSM */ +.map-wrapper{ + margin-top:10px; + margin-bottom:10px; +} +.osMap{ + z-index: 2; +} + +/* ClassCodeMapOverlay */ +#classCodeMapOverlay { + position: absolute; + top: 0px; + z-index: 3; + background-color: #fff; + width: 400px !important; + height: 400px !important; + display: none; + border: 1px solid #CCCCCC; + overflow-wrap: break-word; +} + +#classCodeMapOverlayTitle { + background-color: #CCCCCC; + overflow-wrap: break-word; + color: #5E5E5E; + padding: 10px 30px 10px 10px; + position: relative; +} + +#classCodeMapOverlayContent { + font-size: 14px; + padding-left: 1%; + color: #000; + overflow-wrap: break-word; +} + +#classCodeMapOverlayContent div { + font-size: 14px; + margin-top: 5px; + color: #5D5D5D; + margin-left: 10px; + margin-right: 10px; +} + +#body_container #classCodeMapOverlayContent div a { + text-decoration: none; + color: #266D83; +} + +#classCodeMapOverlayContent div.classCodeMapOverlayContentLogo { + max-width: 230px; + max-height: 240px; + text-align: center; + margin-left: auto; + margin-right: auto; +} + +#classCodeMapOverlayContent div.classCodeMapOverlayContentLogo img { + border-style: none; + max-width: 120px; + height: auto; +} + +#classCodeMapOverlayContent div.classCodeMapOverlayContentTitle { + color: #CCCCCC; + margin-left: 0px; +} + +#classCodeMapOverlayContent div.classCodeMapOverlayEmphasis { + font-weight: bold; + margin-left: 0px; +} + +#body_container #classCodeMapOverlayContent div a.classCodeMapOverlayLink, a.classCodeMapOverlayModifyLink { + color: white; + text-decoration: none; + display: block; + background-color: #27CFD0; + padding: 10px 20px; + margin: 10px 20px; + text-align: left; + font-weight: bold; +} + +.returnIcon { + position: absolute; + right: 10px; + top: 10px; + background-image: url(../images/croix.png); + background-repeat: no-repeat; + background-position: center center; + display: inline-block; + height: 22px; + width: 22px; +} \ No newline at end of file -- GitLab