make action area tabs selectable by keyboard (#5885)

It's now possible to tab through the main action area menu.
This commit is contained in:
Albin Larsson 2023-06-02 17:11:36 +02:00 committed by GitHub
parent 4e421f4171
commit 7bcc259104
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 5 deletions

View File

@ -137,11 +137,15 @@ $(function() {
actionArea.tabElmt = $('<li>')
.addClass('action-area-tab')
.text(actionArea.label)
.appendTo($('#action-area-tabs'))
.on('click', function() {
Refine.selectActionArea(actionArea.id);
});
.append(
$('<a>')
.attr('href', '#' + actionArea.id)
.text(actionArea.label)
.on('click', function() {
Refine.selectActionArea(actionArea.id);
})
)
.appendTo($('#action-area-tabs'));
actionArea.ui = new actionArea.uiClass(actionArea.bodyElmt);
};

View File

@ -77,6 +77,11 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
border-bottom-left-radius: 5px;
}
#action-area-tabs li a {
color: var(--text-secondary);
text-decoration: none;
}
#project-links {
font-size: 1.3em;
position: absolute;