2025-summer/team-3
12
Fork 0
Code Issues Pull requests Projects Releases Activity

enable “open in editor” link

Browse source
This commit is contained in:
Laura Klünder 2017-11-22 18:36:18 +01:00
parent 494c68e08a
commit c52f64ee6f
3 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/c3nav/site/static/site/css/c3nav.css
View file

@ -143,9 +143,10 @@ section.details > * {
section.details > .details-head { section.details > .details-head {
padding: 11px 10px 8px; padding: 11px 10px 8px;
} }
.details-head > button { .details-head > .button {
margin: -2px 0 0; margin: -2px 0 0;
transition: none; transition: none;
line-height: 2.5;
} }
#sidebar section.details > .details-body { #sidebar section.details > .details-body {
border: 0; border: 0;
@ -161,7 +162,7 @@ section.details {
#sidebar section.details.loading > .details-head { #sidebar section.details.loading > .details-head {
background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);
} }
#sidebar section.details.loading > .details-head button { #sidebar section.details.loading > .details-head .button {
pointer-events: none; pointer-events: none;
opacity: 0; opacity: 0;
} }
@ -173,7 +174,7 @@ section.details {
transition: background-color 50ms; transition: background-color 50ms;
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
} }
#sidebar section.details:not(.loading) > .details-head button { #sidebar section.details:not(.loading) > .details-head .button {
transition: opacity 150ms; transition: opacity 150ms;
pointer-events: auto; pointer-events: auto;
opacity: 1; opacity: 1;
@ -400,13 +401,13 @@ main:not([data-view=route-result]) #route-dots {
.buttons > *:hover, .buttons > *:active { .buttons > *:hover, .buttons > *:active {
background-color: #eeeeee; background-color: #eeeeee;
} }
button { button, .button {
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1.3; line-height: 1.3;
height: 3.3rem; height: 3.3rem;
padding: 0; padding: 0;
} }
button .material-icons { button .material-icons, .button .material-icons {
font-size: 15px; font-size: 15px;
vertical-align: -3px; vertical-align: -3px;
} }

2
src/c3nav/site/static/site/js/c3nav.js
View file

@ -126,7 +126,7 @@ c3nav = {
elem.append($('<dd>').text(line[1])); elem.append($('<dd>').text(line[1]));
} }
$location_details.find('.details-body').html('').append(elem); $location_details.find('.details-body').html('').append(elem);
$location_details.removeClass('loading'); $location_details.removeClass('loading').find('.editor').attr('href', data.editor_url);
}); });
} }
} }

4
src/c3nav/site/templates/site/map.html
View file

@ -89,10 +89,10 @@
<section id="autocomplete"></section> <section id="autocomplete"></section>
<section id="location-details" class="details"> <section id="location-details" class="details">
<div class="details-head"> <div class="details-head">
<button class="button-clear editor float-right"> <a class="button button-clear editor float-right" target="_blank">
<i class="material-icons">edit</i> <i class="material-icons">edit</i>
Open in Editor Open in Editor
</button> </a>
<h2>Details</h2> <h2>Details</h2>
</div> </div>
<div class="details-body"> <div class="details-body">