mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-01-25 08:26:52 +00:00
Code Issues Releases Wiki Activity

fix tiddler editor resizer not shown on small screens

Browse Source
This commit is contained in:
BurningTreeC 2024-11-10 14:04:10 +01:00
parent 5b66e0b203
commit 91af04dc3c
1 changed files with 110 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
themes/tiddlywiki/vanilla/sidebar-resizer.tid
View File

@ -6,10 +6,6 @@ code-body: yes
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock conditional html
<%if [<get.theme.explicit.option sidebarresizer>match[show]] %>
@media (min-width: <<sidebarbreakpoint>>) {
.tc-sidebar-resizer {
position: fixed;
top: 0;
@ -25,21 +21,6 @@ code-body: yes
opacity: 0.6;
}
.tc-sidebar-resizer.tc-main-sidebar-resizer {
z-index: 1;
}
@media (pointer: coarse) {
.tc-sidebar-resizer.tc-main-sidebar-resizer {
background: <<colour muted-foreground>>;
}
.tc-sidebar-resizer.tc-main-sidebar-resizer:hover {
opacity: 0.1;
}
}
.tc-sidebar-resizer-pointerdown-eventcatcher, .tc-sidebar-resizer-pointermove-eventcatcher-wrapper {
height: 100%;
}
@ -98,6 +79,21 @@ code-body: yes
opacity: 0.6;
}
<%if [<get.theme.explicit.option sidebarresizer>match[show]] %>
@media (min-width: <<sidebarbreakpoint>>) {
@media (pointer: coarse) {
.tc-sidebar-resizer.tc-main-sidebar-resizer {
background: <<colour muted-foreground>>;
}
.tc-sidebar-resizer.tc-main-sidebar-resizer:hover {
opacity: 0.1;
}
}
<%if [[$:/state/sidebar/resizing]is[tiddler]] %>
@media (pointer: coarse) {
@ -168,8 +164,6 @@ code-body: yes
<% endif %>
@media (min-width: <<sidebarbreakpoint>>) {
.tc-tiddler-frame iframe[class*="tc-edit-texteditor-identified-"].tc-edit-texteditor,
.tc-tiddler-frame textarea[class*="tc-edit-texteditor-identified-"].tc-edit-texteditor,
.tc-tiddler-frame contenteditable[class*="tc-edit-texteditor-identified-"].tc-edit-texteditor {
@ -208,5 +202,3 @@ code-body: yes
</$let>
</$list>
}