goyimnose/TaroTime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix phone display with either/or detail/panel view

Browse Source
This commit is contained in:
Nose
2026-03-12 04:11:50 -07:00
parent c6b21095d9
commit 8bb73361f8
3 changed files with 56 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
app/styles.css
View File

@@ -591,13 +591,6 @@
}
.tarot-detail-heading {
position: relative;
padding-right: 108px;
}
.tarot-detail-heading .detail-toggle-inline {
position: absolute;
top: 0;
right: 0;
margin-left: 0;
}
.tarot-detail-heading h2 {
margin: 0;
@@ -1284,13 +1277,6 @@
.planet-detail-heading {
position: relative;
z-index: 1;
padding-right: 108px;
}
.planet-detail-heading .detail-toggle-inline {
position: absolute;
top: 0;
right: 0;
margin-left: 0;
}
.planet-detail-heading h2 {
margin: 0;
@@ -2170,32 +2156,21 @@
display: none;
}
.planet-layout.layout-sidebar-collapsed {
grid-template-columns: 0 minmax(0, 1fr);
}
.tarot-layout.layout-sidebar-collapsed {
grid-template-columns: 0 minmax(0, 1fr);
}
.kab-layout.layout-sidebar-collapsed {
grid-template-rows: 0 minmax(0, 1fr);
}
.planet-layout.layout-detail-collapsed {
grid-template-columns: minmax(0, 1fr) 0;
}
.planet-layout.layout-sidebar-collapsed,
.planet-layout.layout-detail-collapsed,
.tarot-layout.layout-sidebar-collapsed,
.tarot-layout.layout-detail-collapsed {
grid-template-columns: minmax(0, 1fr) 0;
grid-template-columns: minmax(0, 1fr);
}
.kab-layout.layout-sidebar-collapsed,
.kab-layout.layout-detail-collapsed {
grid-template-rows: minmax(0, 1fr) 0;
grid-template-rows: minmax(0, 1fr);
}
.layout-sidebar-collapsed > .planet-list-panel,
.layout-sidebar-collapsed > .tarot-list-panel {
display: none;
width: 0;
max-width: 0;
min-width: 0;
@@ -2206,6 +2181,7 @@
}
.layout-sidebar-collapsed > .kab-tree-panel {
display: none;
height: 0;
max-height: 0;
min-height: 0;
@@ -2218,6 +2194,7 @@
.layout-detail-collapsed > .planet-detail-panel,
.layout-detail-collapsed > .tarot-detail-panel {
display: none;
width: 0;
max-width: 0;
min-width: 0;
@@ -2229,6 +2206,7 @@
}
.layout-detail-collapsed > .kab-detail-panel {
display: none;
height: 0;
max-height: 0;
min-height: 0;
@@ -3342,7 +3320,6 @@
.alpha-text-detail-heading {
display: grid;
gap: 14px;
padding-right: 108px;
}
.alpha-text-heading-main {
@@ -3413,13 +3390,6 @@
box-sizing: border-box;
}
.alpha-text-detail-heading .detail-toggle-inline {
position: absolute;
top: 0;
right: 0;
margin-left: 0;
}
.alpha-text-control {
display: grid;
gap: 4px;
@@ -3519,13 +3489,6 @@
grid-template-columns: 1fr;
}
.planet-detail-heading .detail-toggle-inline,
.tarot-detail-heading .detail-toggle-inline,
.alpha-text-detail-heading .detail-toggle-inline {
position: static;
justify-self: start;
}
.tarot-detail-top {
grid-template-columns: minmax(0, 1fr);
}
@@ -5405,6 +5368,13 @@
.planet-layout,
.tarot-layout {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: minmax(220px, 42svh) minmax(0, 1fr);
}
.planet-layout.layout-sidebar-collapsed,
.planet-layout.layout-detail-collapsed,
.tarot-layout.layout-sidebar-collapsed,
.tarot-layout.layout-detail-collapsed {
grid-template-rows: minmax(0, 1fr);
}
.kab-layout {
grid-template-rows: minmax(220px, 42svh) minmax(0, 1fr);
@@ -5415,6 +5385,17 @@
border-bottom: 1px solid #27272a;
max-height: min(42svh, 420px);
}
.layout-detail-collapsed > .planet-list-panel,
.layout-detail-collapsed > .tarot-list-panel,
.layout-detail-collapsed > .kab-tree-panel,
.layout-sidebar-collapsed > .planet-detail-panel,
.layout-sidebar-collapsed > .tarot-detail-panel,
.layout-sidebar-collapsed > .kab-detail-panel {
height: 100%;
max-height: none;
min-height: 0;
border-bottom: none;
}
.planet-list-item,
.tarot-list-item {
min-height: 48px;