reducing button mess with concisecss

master
Bel LaPointe 2022-02-10 14:34:36 -07:00
parent 495777ca52
commit 321b383c34
1 changed files with 23 additions and 4 deletions

View File

@ -1,14 +1,27 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<header> <header>
<title>Notes</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
<link rel="stylesheet" href="https://unpkg.com/turretcss/dist/turretcss.min.css" crossorigin="anonymous">
<!-- todo css <!-- todo css
<link rel="stylesheet" href="https://cdn.concisecss.com/concise.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.css">
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
--> -->
<style> <style>
.EasyMDEContainer button {
color: black;
}
img { img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
@ -60,6 +73,12 @@
.monospace { .monospace {
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
} }
.lil_btn {
width: initial;
}
input, label, textarea {
margin: initial;
}
</style> </style>
<script> <script>
function init() { function init() {
@ -238,7 +257,7 @@
const maxTreeTitleLength = 35 const maxTreeTitleLength = 35
var parent = ` var parent = `
<input class="thic_flex" type="button" value="${branch.Leaf.Title.substr(0, maxTreeTitleLength)}" onclick="drawFile('${id}');"/> <input class="thic_flex" type="button" value="${branch.Leaf.Title.substr(0, maxTreeTitleLength)}" onclick="drawFile('${id}');"/>
<input type="button" value="+" onclick="drawNewFile('${id}');"/> <input type="button" class="lil_btn" value="+" onclick="drawNewFile('${id}');"/>
` `
if (id == "") { if (id == "") {
parent = ` parent = `
@ -293,7 +312,7 @@
<div class="rows"> <div class="rows">
<form class="columns" action="return false;"> <form class="columns" action="return false;">
<input class="thic_flex" type="text" id="searchbox" placeholder="search regexp"/> <input class="thic_flex" type="text" id="searchbox" placeholder="search regexp"/>
<input type="submit" value="search" onclick="searchFiles(); return false;"/> <input class="info lil_btn" type="submit" value="search" onclick="searchFiles(); return false;"/>
</form> </form>
<div class="columns thic_flex"> <div class="columns thic_flex">
<div id="tree" class="filetree"></div> <div id="tree" class="filetree"></div>
@ -303,11 +322,11 @@
<article id="article" class="mia"> <article id="article" class="mia">
<div> <div>
<h1 class="columns"> <h1 class="columns">
<input type="submit" class="lr_buffer" value="SAVE" onclick="pushFile(); return false;"/> <input class="button-info lil_btn" type="submit" class="lr_buffer" value="SAVE" onclick="pushFile(); return false;"/>
<span id="titlePath"> <span id="titlePath">
</span> </span>
<span id="title" class="thic_flex" contenteditable></span> <span id="title" class="thic_flex" contenteditable></span>
<input type="submit" value="DELETE" onclick="deleteFile(); return false;"/> <input class="button-error lil_btn" type="submit" value="DELETE" onclick="deleteFile(); return false;"/>
</h1> </h1>
</div> </div>
<div id="saveFeedback" style="min-height: 1.2em; text-align: right;"> <div id="saveFeedback" style="min-height: 1.2em; text-align: right;">