mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-01-10 17:30:26 +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 \rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock conditional html
<%if [<get.theme.explicit.option sidebarresizer>match[show]] %>
@media (min-width: <<sidebarbreakpoint>>) {
.tc-sidebar-resizer { .tc-sidebar-resizer {
position: fixed; position: fixed;
top: 0; top: 0;
@ -25,21 +21,6 @@ code-body: yes
opacity: 0.6; 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 { .tc-sidebar-resizer-pointerdown-eventcatcher, .tc-sidebar-resizer-pointermove-eventcatcher-wrapper {
height: 100%; height: 100%;
} }
@ -98,6 +79,21 @@ code-body: yes
opacity: 0.6; 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]] %> <%if [[$:/state/sidebar/resizing]is[tiddler]] %>
@media (pointer: coarse) { @media (pointer: coarse) {
@ -168,8 +164,6 @@ code-body: yes
<% endif %> <% endif %>
@media (min-width: <<sidebarbreakpoint>>) {
.tc-tiddler-frame iframe[class*="tc-edit-texteditor-identified-"].tc-edit-texteditor, .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 textarea[class*="tc-edit-texteditor-identified-"].tc-edit-texteditor,
.tc-tiddler-frame contenteditable[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> </$let>
</$list> </$list>
}