nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

theme: fix overflowing issue tooltips #364

Browse source 
in rtl, the scrollbars were still in ltr mode which was now changed to avoid overflow of tooltips when attached to the "ending" corner of the box
This commit is contained in:
Sören Weber 2022-11-07 20:57:17 +01:00
parent e24c33c7aa
commit 54878e0407
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
11 changed files with 22 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
layouts/404.html
View file

@ -1,6 +1,6 @@
{{- partial "page-meta.hugo" . }} {{- partial "page-meta.hugo" . }}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ .Page.Language | default "en" }}" dir="ltr"> <html lang="{{ .Page.Language | default "en" }}" dir="{{ T "Reading-direction" | default "ltr" }}">
<head> <head>
{{- partial "meta.html" . }} {{- partial "meta.html" . }}
{{- .Scratch.Add "title" "" }} {{- .Scratch.Add "title" "" }}
@ -28,7 +28,7 @@
<div id="sidebar-overlay"></div> <div id="sidebar-overlay"></div>
<main id="body-inner" class="chapter" tabindex="-1"> <main id="body-inner" class="chapter" tabindex="-1">
<div class="flex-block-wrapper"> <div class="flex-block-wrapper">
<article class="default" dir="{{ T "Reading-direction" | default "ltr" }}">> <article class="default">>
<h1>{{ T "title-404" }}</h1> <h1>{{ T "title-404" }}</h1>
<p></p> <p></p>
<p>{{ T "message-404" }}</p> <p>{{ T "message-404" }}</p>

2
layouts/partials/_taxonomy.html
View file

@ -1,6 +1,6 @@
{{- partial "page-meta.hugo" . }} {{- partial "page-meta.hugo" . }}
{{- partial "header.html" . }} {{- partial "header.html" . }}
<article dir="{{ T "Reading-direction" | default "ltr" }}"> <article>
<h1>{{ if eq .Kind "term" }}{{ .Data.Singular | humanize }} {{ default "::" .Site.Params.titleSeparator }} {{ end }}{{ .Title }}</h1> <h1>{{ if eq .Kind "term" }}{{ .Data.Singular | humanize }} {{ default "::" .Site.Params.titleSeparator }} {{ end }}{{ .Title }}</h1>
<ul> <ul>

2
layouts/partials/archetypes/chapter/article.html
View file

@ -1,7 +1,7 @@
{{- $page := .page }} {{- $page := .page }}
{{- $content := .content }} {{- $content := .content }}
{{- with $page }} {{- with $page }}
<article class="chapter" dir="{{ T "Reading-direction" | default "ltr" }}"> <article class="chapter">
{{ partial "heading-pre.html" . }}<div class="article-subheading">{{ T "Chapter" .Params.Weight }}</div> {{ partial "heading-pre.html" . }}<div class="article-subheading">{{ T "Chapter" .Params.Weight }}</div>
<h1>{{ .Title }}</h1>{{ partial "heading-post.html" . }} <h1>{{ .Title }}</h1>{{ partial "heading-post.html" . }}

2
layouts/partials/archetypes/default/article.html
View file

@ -1,7 +1,7 @@
{{- $page := .page }} {{- $page := .page }}
{{- $content := .content }} {{- $content := .content }}
{{- with $page }} {{- with $page }}
<article class="default" dir="{{ T "Reading-direction" | default "ltr" }}"> <article class="default">
{{ partial "heading-pre.html" . }}<h1>{{ .Title }}</h1>{{ partial "heading-post.html" . }} {{ partial "heading-pre.html" . }}<h1>{{ .Title }}</h1>{{ partial "heading-post.html" . }}
{{ $content | safeHTML }} {{ $content | safeHTML }}

2
layouts/partials/archetypes/deprecated-chapter/article.html
View file

@ -1,7 +1,7 @@
{{- $page := .page }} {{- $page := .page }}
{{- $content := .content }} {{- $content := .content }}
{{- with $page }} {{- with $page }}
<article class="chapter deprecated" dir="{{ T "Reading-direction" | default "ltr" }}"> <article class="chapter deprecated">
{{ $content | safeHTML }} {{ $content | safeHTML }}
<footer class="footline"> <footer class="footline">

2
layouts/partials/archetypes/deprecated-home/article.html
View file

@ -1,7 +1,7 @@
{{- $page := .page }} {{- $page := .page }}
{{- $content := .content }} {{- $content := .content }}
{{- with $page }} {{- with $page }}
<article class="home deprecated" dir="{{ T "Reading-direction" | default "ltr" }}"> <article class="home deprecated">
{{ $content | safeHTML }} {{ $content | safeHTML }}
<footer class="footline"> <footer class="footline">

2
layouts/partials/archetypes/home/article.html
View file

@ -1,7 +1,7 @@
{{- $page := .page }} {{- $page := .page }}
{{- $content := .content }} {{- $content := .content }}
{{- with $page }} {{- with $page }}
<article class="home" dir="{{ T "Reading-direction" | default "ltr" }}"> <article class="home">
{{ partial "heading-pre.html" . }}<h1>{{ .Title }}</h1>{{ partial "heading-post.html" . }} {{ partial "heading-pre.html" . }}<h1>{{ .Title }}</h1>{{ partial "heading-post.html" . }}
{{ $content | safeHTML }} {{ $content | safeHTML }}

4
layouts/partials/header.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ .Page.Language | default "en" }}" dir="ltr"> <html lang="{{ .Page.Language | default "en" }}" dir="{{ T "Reading-direction" | default "ltr" }}">
<head> <head>
{{- partial "meta.html" . }} {{- partial "meta.html" . }}
{{- $page := . }} {{- $page := . }}
@ -37,7 +37,7 @@
<div id="body" class="default-animation"> <div id="body" class="default-animation">
<div id="sidebar-overlay"></div> <div id="sidebar-overlay"></div>
<div id="toc-overlay"></div> <div id="toc-overlay"></div>
<nav id="topbar" class="highlightable"> <nav id="topbar" class="highlightable" dir="ltr">
<div> <div>
{{- $showPrevNext := (and (not .Params.disableNextPrev) (not .Site.Params.disableNextPrev)) }} {{- $showPrevNext := (and (not .Params.disableNextPrev) (not .Site.Params.disableNextPrev)) }}
{{- if $showPrevNext }} {{- if $showPrevNext }}

2
layouts/partials/menu.html
View file

@ -1,6 +1,6 @@
{{- $showvisitedlinks := .Site.Params.showVisitedLinks }} {{- $showvisitedlinks := .Site.Params.showVisitedLinks }}
<aside id="sidebar" class="default-animation{{ if $showvisitedlinks }} showVisitedLinks{{ end }}"> <aside id="sidebar" class="default-animation{{ if $showvisitedlinks }} showVisitedLinks{{ end }}" dir="ltr">
{{- $currentNode := . }} {{- $currentNode := . }}
<div id="header-wrapper" class="default-animation"> <div id="header-wrapper" class="default-animation">
<div id="header" class="default-animation"> <div id="header" class="default-animation">

2
layouts/partials/tags.html
View file

@ -1,7 +1,7 @@
{{- $page := . }} {{- $page := . }}
{{- if .Params.tags }} {{- if .Params.tags }}
<div class="tags" dir="{{ T "Reading-direction" | default "ltr" }}"> <div class="tags">
{{- range sort .Params.tags }} {{- range sort .Params.tags }}
{{- $tag := . }} {{- $tag := . }}
{{- with $page.Site.GetPage (printf "%s%s" ("/tags/" | relURL ) ( $tag | urlize ) ) }} {{- with $page.Site.GetPage (printf "%s%s" ("/tags/" | relURL ) ( $tag | urlize ) ) }}

16
static/js/theme.js
View file

@ -250,13 +250,14 @@ function initAnchorClipboard(){
}); });
$(".anchor").on('mouseleave', function(e) { $(".anchor").on('mouseleave', function(e) {
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w'); $(this).attr('aria-label', null).removeClass('tooltipped tooltipped-se tooltipped-sw');
}); });
var clip = new ClipboardJS('.anchor'); var clip = new ClipboardJS('.anchor');
clip.on('success', function(e) { clip.on('success', function(e) {
e.clearSelection(); e.clearSelection();
$(e.trigger).attr('aria-label', window.T_Link_copied_to_clipboard).addClass('tooltipped tooltipped-s'); var rtl = $(e.trigger).closest('*[dir]').attr('dir') == 'rtl';
$(e.trigger).attr('aria-label', window.T_Link_copied_to_clipboard).addClass('tooltipped tooltipped-s'+(rtl?'e':'w') );
}); });
} }
@ -300,14 +301,16 @@ function initCodeClipboard(){
clip.on('success', function(e) { clip.on('success', function(e) {
e.clearSelection(); e.clearSelection();
var inPre = $(e.trigger).parent().prop('tagName') == 'PRE'; var inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
$(e.trigger).attr('aria-label', window.T_Copied_to_clipboard).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's')); var rtl = $(e.trigger).closest('*[dir]').attr('dir') == 'rtl';
$(e.trigger).attr('aria-label', window.T_Copied_to_clipboard).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'+(rtl?'e':'w')));
}); });
clip.on('error', function(e) { clip.on('error', function(e) {
var inPre = $(e.trigger).parent().prop('tagName') == 'PRE'; var inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
$(e.trigger).attr('aria-label', fallbackMessage(e.action)).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's')); var rtl = $(this).closest('*[dir]').attr('dir') == 'rtl';
$(e.trigger).attr('aria-label', fallbackMessage(e.action)).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'+(rtl?'e':'w')));
$(document).one('copy', function(){ $(document).one('copy', function(){
$(e.trigger).attr('aria-label', window.T_Copied_to_clipboard).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's')); $(e.trigger).attr('aria-label', window.T_Copied_to_clipboard).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'+(rtl?'e':'w')));
}); });
}); });
@ -321,7 +324,8 @@ function initCodeClipboard(){
} }
code.after( $('<span>').addClass("copy-to-clipboard-button").attr("title", window.T_Copy_to_clipboard).append("<i class='fas fa-copy'></i>") ); code.after( $('<span>').addClass("copy-to-clipboard-button").attr("title", window.T_Copy_to_clipboard).append("<i class='fas fa-copy'></i>") );
code.next('.copy-to-clipboard-button').on('mouseleave', function() { code.next('.copy-to-clipboard-button').on('mouseleave', function() {
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w'); var rtl = $(this).closest('*[dir]').attr('dir') == 'rtl';
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-w tooltipped-se tooltipped-sw');
}); });
} }
}); });