luxick/datascape
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS Refactor

Browse Source
This commit is contained in:
luxick
2026-05-27 10:52:47 +02:00
parent 2af26ac1bc
commit e089e0b2c3
12 changed files with 367 additions and 753 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/diary/calendar.html
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="diary-cal">
<div class="diary-cal panel panel-sidebar">
<div class="panel-header"><a href="{{.DiaryURL}}">Chronological</a></div>
<div class="diary-cal-nav">
<a href="{{.MonthURL}}" class="diary-cal-heading">{{.MonthName}}</a>
assets/editor/main.html
+1 -1
View File
@@ -70,7 +70,7 @@
<span class="toolbar-sep"></span>
<button type="button" class="btn btn-tool" data-action="wide" data-key="Z" title="Toggle wide mode (Z)">⇔</button>
</div>
<textarea name="content" id="editor" autofocus>{{.RawContent}}</textarea>
<textarea class="input editor-textarea" name="content" id="editor" autofocus>{{.RawContent}}</textarea>
</form>
<script src="/_/editor/lists.js"></script>
<script src="/_/editor/tables.js"></script>
assets/editor/main.js
+2 -2
View File
@@ -85,13 +85,13 @@
var targetWrap = document.createElement('div');
var targetInput = document.createElement('input');
targetInput.type = 'text';
targetInput.className = 'modal-input';
targetInput.className = 'input';
targetInput.placeholder = 'Page path or search…';
targetWrap.appendChild(targetInput);
var displayInput = document.createElement('input');
displayInput.type = 'text';
displayInput.className = 'modal-input';
displayInput.className = 'input';
displayInput.placeholder = 'Display text (optional)';
if (sel) displayInput.value = sel;
assets/editor/movie.js
+2 -2
View File
@@ -105,7 +105,7 @@ window.EditorMovie = (function () {
var input = document.createElement('input');
input.type = 'text';
input.className = 'modal-input';
input.className = 'input';
input.placeholder = 'OMDb API key';
body.appendChild(input);
@@ -128,7 +128,7 @@ window.EditorMovie = (function () {
function importWithKey(textarea, key, initialTitle) {
var input = document.createElement('input');
input.type = 'text';
input.className = 'modal-input';
input.className = 'input';
input.placeholder = 'Title, optionally with (YYYY)';
input.value = initialTitle;
assets/layout.html
+3 -3
View File
@@ -17,16 +17,16 @@
</head>
<body>
<header>
<nav class="breadcrumb">
<nav class="breadcrumb row">
<a href="/" tabindex="-1" title="Home"><svg class="logo" viewBox="0 0 26.052269 26.052269" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-linejoin="miter" transform="matrix(0.05463483,8.1519706e-6,-8.1519706e-6,0.05463483,-64.560546,-24.6949)"><rect x="1188.537" y="457.92056" width="461.87488" height="462.15189" stroke-width="20.2288"/><path d="m1348.9955 456.59572.046 309.36839" stroke-width="19.6849"/><path d="m1200.3996 765.80237 441.8362-.0659" stroke-width="19.6849"/><path d="m1648.2897 620.244-299.2012.0446" stroke-width="20.5676"/><path d="m1491.6148 909.24806-.021-136.93117" stroke-width="19.6849"/><rect x="1191.6504" y="461.66092" width="457.09634" height="457.09634" stroke-width="19.6761"/></g></svg></a>
{{if .ParentURL}}<a class="nav-up" href="{{.ParentURL}}" tabindex="-1" title="Up" aria-label="Up">Up <svg viewBox="0 0 16 16" width="1em" height="1em" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="miter" stroke-linecap="square"><path d="M8 13V3M3 8l5-5 5 5"/></svg></a>{{end}}
</nav>
{{if not .EditMode}}
<form class="search-form" action="/" method="get">
<input class="search-input" type="search" name="q" value="{{block "searchQuery" .}}{{end}}" placeholder="Search…" title="Search (F)" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
<input class="input search-input" type="search" name="q" value="{{block "searchQuery" .}}{{end}}" placeholder="Search…" title="Search (F)" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
</form>
{{end}}
<div class="header-actions">{{block "headerActions" .}}{{end}}</div>
<div class="header-actions row">{{block "headerActions" .}}{{end}}</div>
</header>
<div class="page-wrap">
<main>
assets/modal.js
+4 -4
View File
@@ -15,20 +15,20 @@
backdrop.className = 'modal-backdrop';
modal = document.createElement('div');
modal.className = 'modal';
modal.className = 'modal panel panel-floating';
modal.setAttribute('role', 'dialog');
modal.setAttribute('aria-modal', 'true');
var header = document.createElement('div');
header.className = 'modal-header';
header.className = 'panel-header';
titleEl = document.createElement('span');
header.appendChild(titleEl);
bodyEl = document.createElement('div');
bodyEl.className = 'modal-body';
bodyEl.className = 'panel-body';
footerEl = document.createElement('div');
footerEl.className = 'modal-footer';
footerEl.className = 'panel-footer';
cancelBtn = document.createElement('button');
cancelBtn.type = 'button';
assets/page/actions.js
+3 -3
View File
@@ -36,7 +36,7 @@ function postReplace(action, body, target) {
function promptPageName(title, initial, confirmLabel, onName) {
var input = document.createElement('input');
input.type = 'text';
input.className = 'modal-input';
input.className = 'input';
input.placeholder = 'Page name';
if (initial) input.value = initial;
openModal({
@@ -89,7 +89,7 @@ function movePage() {
onSelect: function (newParent) {
var input = document.createElement('input');
input.type = 'text';
input.className = 'modal-input';
input.className = 'input';
input.placeholder = 'Page name';
input.value = currentName;
@@ -99,7 +99,7 @@ function movePage() {
var linksLabel = document.createElement('label');
linksLabel.htmlFor = linksCheckbox.id;
linksLabel.className = 'modal-checkbox';
linksLabel.className = 'row';
linksLabel.appendChild(linksCheckbox);
linksLabel.appendChild(document.createTextNode('Update links'));
assets/page/anchors.js
+1 -1
View File
@@ -42,7 +42,7 @@
function addTask(sectionIndex, headingId) {
var input = document.createElement('input');
input.type = 'text';
input.className = 'modal-input';
input.className = 'input';
input.placeholder = 'Task description';
var ctrl = openModal({
title: 'Add task',
assets/page/main.html
+2 -2
View File
@@ -9,7 +9,7 @@
{{end}}
{{if .Entries}}
<h2 id="files">Files <button class="btn btn-small" data-companion-reveal hidden title="Open folder in file manager">open</button></h2>
<div class="listing">
<div class="listing panel">
{{range .Entries}}
<div class="listing-item" data-path="{{.URL}}">
<span class="icon">{{.Icon}}</span>
@@ -35,7 +35,7 @@
<script src="/_/page/sidebar-fab.js"></script>
{{end}}
{{define "sidebar"}}{{if .CanEdit}}<nav class="actions">
{{define "sidebar"}}{{if .CanEdit}}<nav class="actions panel panel-sidebar">
<div class="panel-header">ACTIONS</div>
<button class="btn btn-block" onclick="newPage()" title="New page (N)">NEW PAGE</button>
<a class="btn btn-block" href="?edit" title="Edit page (E)">EDIT PAGE</a>
assets/page/toc.js
+1 -1
View File
@@ -6,7 +6,7 @@ document.addEventListener("DOMContentLoaded", function () {
if (headings.length < 2) return;
var nav = document.createElement("nav");
nav.className = "toc";
nav.className = "toc panel panel-sidebar";
var header = document.createElement("div");
header.className = "panel-header";
assets/style.css
+346 -732
View File
File diff suppressed because it is too large Load Diff
assets/tree-picker.js
+1 -1
View File
@@ -28,7 +28,7 @@
var container = document.createElement('div');
var treeEl = document.createElement('div');
treeEl.className = 'tree-picker';
treeEl.className = 'tree-picker panel';
var selectedPathEl = document.createElement('div');
selectedPathEl.className = 'tree-selected-path muted';