Skip to content

Commit 7f8c461

Browse files
authored
fix some toolbar glitches (#18)
1 parent 8c97728 commit 7f8c461

File tree

3 files changed

+32
-24
lines changed

3 files changed

+32
-24
lines changed

toolbar/test.html

Lines changed: 23 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,16 +37,37 @@ <h2>Full buttons</h2>
3737
<div id="provisu-toolbar"></div>
3838
<h2>Simple buttons</h2>
3939
<div id="provisu-toolbar-extra"></div>
40+
<h2>Static content</h2>
41+
<div class="btn-group" role="group" aria-label="...">
42+
<a href="/service?url=http://localhost:8000/&filter=normal" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Voir la page optimisée pour les personnes ayant des problèmes de vision - Style Noir sur Blanc">
43+
<i class="fa fa-low-vision fa-2x" aria-hidden="true"></i>
44+
</a>
45+
<a href="/service?url=http://localhost:8000/&filter=black" class="btn btn-default tooltip-bk hidden-xs" data-toggle="tooltip" data-placement="bottom" title="Voir la page optimisée pour les personnes ayant des problèmes de vision - Style Blanc sur Noir">
46+
<i class="fa fa-low-vision fa-2x" aria-hidden="true"></i>
47+
</a>
48+
<a href="/service?url=http://localhost:8000/&filter=blue" class="btn btn-default tooltip-bl hidden-xs" data-toggle="tooltip" data-placement="bottom" title="Voir la page optimisée pour les personnes ayant des problèmes de vision - Style Jaune sur Bleu">
49+
<i class="fa fa-low-vision fa-2x" aria-hidden="true"></i>
50+
</a>
51+
<a href="/service?url=http://localhost:8000/&filter=cyan" class="btn btn-default tooltip-cy hidden-xs" data-toggle="tooltip" data-placement="bottom" title="Voir la page optimisée pour les personnes ayant des problèmes de vision - Style Noir sur Bleu clair">
52+
<i class="fa fa-low-vision fa-2x" aria-hidden="true"></i>
53+
</a>
54+
<button type="button" class="btn btn-default" id="toolbar-smaller" data-toggle="tooltip" data-placement="bottom" title="Diminuer la taille du texte">
55+
<i class="fa fa-minus fa-2x" aria-hidden="true"></i>
56+
</button>
57+
<button type="button" class="btn btn-default" id="toolbar-bigger" data-toggle="tooltip" data-placement="bottom" title="Augmenter la taille du texte">
58+
<i class="fa fa-plus fa-2x" aria-hidden="true"></i>
59+
</button>
60+
</div>
4061
<script>
4162
loadProvisuToolbar(
4263
'provisu-toolbar',
4364
document.URL,
44-
'/_locales/fr/messages.json'
65+
'/_locales/en/messages.json'
4566
);
4667
loadProvisuToolbar(
4768
'provisu-toolbar-extra',
4869
document.URL,
49-
'/_locales/fr/messages.json',
70+
'/_locales/es/messages.json',
5071
true
5172
);
5273
</script>

toolbar/toolbar.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -101,11 +101,11 @@
101101
visibility: visible;
102102
}
103103

104-
.tooltip-big {
104+
.tooltip {
105105
font-size: 30px;
106106
}
107107

108-
.tooltip-wide {
108+
.tooltip-inner {
109109
max-width: 420px;
110110
}
111111

toolbar/toolbar.js

Lines changed: 7 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -44,17 +44,13 @@ function loadProvisuToolbar(element, url, file, extra) {
4444
$('#toolbar-bigger').click(function() {
4545
setFontSize(4);
4646
});
47-
$('[data-toggle="tooltip"]').tooltip({
48-
container: 'body',
49-
template: '<div class="tooltip tooltip-big" role="tooltip">' +
50-
'<div class="tooltip-arrow"></div>' +
51-
'<div class="tooltip-inner tooltip-wide"></div></div>',
52-
});
53-
$('#toolbar-smaller').click(function() {
54-
setFontSize(-4);
55-
});
56-
$('#toolbar-bigger').click(function() {
57-
setFontSize(4);
47+
$(document).ready(function() {
48+
$('[data-toggle="tooltip"]').tooltip({
49+
container: 'body',
50+
template: '<div class="tooltip tooltip-big" role="tooltip">' +
51+
'<div class="tooltip-arrow"></div>' +
52+
'<div class="tooltip-inner tooltip-wide"></div></div>',
53+
});
5854
});
5955
});
6056
}
@@ -182,12 +178,3 @@ function generateHTML(element, url, i18n, extra) {
182178
}
183179
document.getElementById(element).innerHTML = html;
184180
}
185-
186-
$(function() {
187-
$('[data-toggle="tooltip"]').tooltip({
188-
container: 'body',
189-
template: '<div class="tooltip tooltip-big" role="tooltip">' +
190-
'<div class="tooltip-arrow"></div>' +
191-
'<div class="tooltip-inner tooltip-wide"></div></div>',
192-
});
193-
});

0 commit comments

Comments
 (0)