Commit 99949c3b authored by yPhil's avatar yPhil
Browse files

Focus mgmt (newTabButton & friends)

parent 22601464
......@@ -354,7 +354,7 @@ ul.help li {
}
.ui-tab.ui-state-active {
border-right: none !important;
border-top: 1px solid var(--color-ui-danger) !important;
}
.ui-tab.ui-state-hover a {
......@@ -500,6 +500,18 @@ li.feed-item.error > strong.key {
display: none !important;
}
#newTabButtonTooltip {
position: absolute;
top: 4em;
right: 2em;
z-index: 25;
padding: 0.4em;
color: var(--color-ui-pri);
background-color: var(--color-ui-qua);
border: 3px solid var(--color-ui-sec);
border-radius: 3px;
}
input {
margin: 0;
padding: 0.4em;
......@@ -965,11 +977,27 @@ div.questionDialog > div.icon {
margin: 0 !important;
}
li.tab-name,
#new-group {
li.ui-tabs-tab {
margin: 0 0 0 0 !important;
border: 0 !important;
border-radius: 0 !important;
border-left: 0 !important;
border-top: 0 !important;
border-right: 1px solid var(--color-sep) !important;
outline-width: 0 !important;
}
li.tab-name:first-child {
border-left: 1px solid var(--color-sep) !important;
}
/* :focus-visible */
/* li.tab-name:not(.ui-tabs-active), */
/* #new-group { */
/* border-top: 0 !important; */
/* } */
li.tab-name:focus {
}
/* Panel */
......
......@@ -202,7 +202,7 @@ PTL.i18n.translations = {
"Click on the current/selected group tab to change its name and position." : { fr: "Cliquer sur le groupe sélectionné pour changer son nom et sa position." , ja: "現在の/選択したグループタブをクリックして、名前と位置を変更します。", es: "Haga clic en la pestaña del grupo actual / seleccionado para cambiar su nombre y posición." },
"This is a feed. More info: %1" : { fr: "Ceci est un flux. Plus d'infos: %1" , ja: "これはソースです 詳細情報:%1", es: "Esta es una fuente. Más info: %1" },
"Click this button to add a group." : { fr: "Cliquez sur ce bouton pour ajouter un groupe." , ja: "グループを追加するには、このボタンをクリックします。", es: "Haga clic en este botón para agregar un grupo." },
"Click this button to add a tab" : { fr: "Cliquez sur ce bouton pour ajouter un onglet" , ja: "グループを追加するには、このボタンをクリックします。", es: "Haga clic en este botón para agregar un grupo" },
"Source code" : { fr: "Code source" , ja: "ソースコード", es: "Código fuente" },
"Use the force - read the Source" : { fr: "Utilise la Force, lis le Source" , ja: "力を使って、ソースを読んでください", es: "Usa la fuerza, lee la Fuente" },
......
......@@ -305,6 +305,12 @@ PTL.tab = {
var $newTabButtonIcon = $('<i>')
.attr('class', 'icon-plus');
$newTabButton.focus(function() {
$('#newTabButtonTooltip').tooltip().css('display', 'inline').fadeOut(2500);
});
$newTabButtonLink.bind('click', function(event) {
event.stopImmediatePropagation();
......
......@@ -470,5 +470,6 @@
});
</script>
<span id="newTabButtonTooltip" class="translate" style="display:none">Click this button or press <kbd class="key">ENTER</kbd> to add a tab</span>
</body>
</html>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment