roberto/BrainMinder
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

UI fixes

Browse Source
This commit is contained in:
roberto 2024-12-29 17:32:01 +01:00
parent 44af8fabec
commit 26fd25bb14
5 changed files with 28 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
assets/static/css/main.css
View File

@ -97,13 +97,6 @@ a:not([class]) {
color: currentColor; color: currentColor;
} }
/* Make images easier to work with */
img,
picture {
max-width: 100%;
display: block;
}
/* Inherit fonts for inputs and buttons */ /* Inherit fonts for inputs and buttons */
input, button, input, button,
textarea, select { textarea, select {
@ -504,21 +497,20 @@ th.operations, td.operations {
height: 50px; height: 50px;
background-color: var(--primary-color); background-color: var(--primary-color);
color: #ffffff; color: #ffffff;
font-size: 1.25rem; font-size: 22px;
font-weight: bold; font-weight: bold;
padding-left: 8px; padding-left: 8px;
width: 300px; width: 300px;
display: flex; display: flex;
align-items: center; align-items: center;
position: fixed;
} }
#app-title a { #app-title a {
color: #ffffff; color: #ffffff;
} }
#app-title img { .logo {
height: 32px; width: 32px;
float: left; float: left;
padding-right: 10px; padding-right: 10px;
} }
@ -527,10 +519,6 @@ th.operations, td.operations {
vertical-align: top; vertical-align: top;
} }
#main-sidebar-content {
margin-top: 50px;
}
#main-sidebar-content h5 { #main-sidebar-content h5 {
font-size: 1rem; font-size: 1rem;
margin-top: 10px; margin-top: 10px;
@ -559,12 +547,8 @@ th.operations, td.operations {
overflow: hidden; overflow: hidden;
} }
#page-title {
font-size: 1.4rem;
float: left;
}
#page-title-title { #page-title-title {
font-size: 22px;
color: #ffffff; color: #ffffff;
float: left; float: left;
} }
@ -851,14 +835,15 @@ th.operations, td.operations {
} }
#quickbox-title { #quickbox-title {
float: left; display: flex;
align-items: center;
font-weight: bold; font-weight: bold;
width:100%; width:100%;
} }
#quickbox-title-title { #quickbox-title-title {
float: left; width: 100%;
font-size: 1.4rem; font-size: 22px;
} }
#quickbox-close { #quickbox-close {
@ -874,12 +859,7 @@ th.operations, td.operations {
font-size: 18px; font-size: 18px;
display: flex; display: flex;
align-items: center; align-items: center;
} padding-left: 8px;
#quickbox-top-bar .logo {
float: left;
margin-left: 8px;
padding-right: 10px;
} }
.quickbox-row { .quickbox-row {
@ -1096,6 +1076,12 @@ dialog .content h5 {
#page-title { #page-title {
width: 100%; width: 100%;
display: flex;
align-items: center;
}
#page-title-title {
width: 100%;
} }
.table-all.responsive table, .table-all.responsive table,

15
assets/templates/base.tmpl
View File

@ -13,26 +13,23 @@
<link rel="icon" type="image/svg+xml" href="/static/img/brainminder-icon.svg"> <link rel="icon" type="image/svg+xml" href="/static/img/brainminder-icon.svg">
{{block "page:meta" . }} {{block "page:meta" . }}
{{ {{ end }}
end
}}
</head> </head>
<body class="base" hx-headers='{"X-CSRF-TOKEN": "{{ .CSRFToken }}"}'> <body class="base" hx-headers='{"X-CSRF-TOKEN": "{{ .CSRFToken }}"}'>
{{template "partial:sidebar" .}} {{template "partial:sidebar" .}}
<div id="page-main"> <div id="page-main">
<div id="page-top-bar"> <div id="page-top-bar">
<div id="page-title-container"> <div id="page-title-container">
<a class="hide-large" onclick="bm_toggle_sidebar('main-sidebar'); return false" href="#" style="float: left; padding-right: 10px;"> <a class="hide-large" onclick="bm_toggle_sidebar('main-sidebar'); return false" href="#" style="float: left;">
<img src="/static/img/brainminder.svg" alt="BrainMinder" style="height: 32px;" /> <img src="/static/img/brainminder.svg" alt="BrainMinder" class="logo" />
</a> </a>
<div id="page-title">{{template "page:title" .}}</div> <div id="page-title">{{template "page:title" .}}</div>
<div id="search-bar" class="hide-small"> <div id="search-bar" class="hide-small">
<form method="POST" hx-post="/items/search" hx-target="#page-content" hx-push-url="true" style="float: left"> <form method="POST" hx-post="/items/search" hx-target="#page-content" hx-push-url="true" style="float: left">
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}" />
<input type="text" id="search-text" name="SearchText" class="bar-item" placeholder="Search.." /> <input type="text" id="search-text" name="SearchText" class="bar-item" placeholder="Search.." />
<button type="submit"><i class="bi bi-search"></i></button> <button type="submit"><i class="bi bi-search"></i></button>
</form> </form>
<a class="button" onclick="bm_toggle_quickbox();"><i class="bi bi-inbox-fill"></i></a> <a class="button" style="position: relative; top: 4px;" onclick="bm_toggle_quickbox();"><i class="bi bi-inbox-fill"></i></a>
</div> </div>
</div> </div>
</div> </div>
@ -73,9 +70,7 @@
<div id="quickbox"> <div id="quickbox">
<div class="noswipe" id="quickbox-top-bar"> <div class="noswipe" id="quickbox-top-bar">
<a class="hide-large logo" onclick="bm_toggle_sidebar('main-sidebar');"> <a class="hide-large logo" onclick="bm_toggle_sidebar('main-sidebar');"><img alt="BrainMinder" src="/static/img/brainminder.svg" class="logo"></a>
<img alt="BrainMinder" src="/static/img/brainminder.svg" style="height: 32px;">
</a>
<div id="quickbox-title"> <div id="quickbox-title">
<div id="quickbox-title-title"><h5>Quickbox</h5></div> <div id="quickbox-title-title"><h5>Quickbox</h5></div>
<div id="quickbox-close"><button onclick="bm_hide_quickbox()"><i class="bi bi-x-circle-fill"></i></button></div> <div id="quickbox-close"><button onclick="bm_hide_quickbox()"><i class="bi bi-x-circle-fill"></i></button></div>

1
assets/templates/items/fields.tmpl
View File

@ -7,7 +7,6 @@
{{ if eq .Is_multiple 1}} {{ if eq .Is_multiple 1}}
<fieldset> <fieldset>
<label>{{ .Title }}</label> <label>{{ .Title }}</label>
<div id="fields-{{ .Type_field_id }}"> <div id="fields-{{ .Type_field_id }}">
{{ $g_counter := 0 }} {{ $g_counter := 0 }}
{{ range $counter, $value := $values}} {{ range $counter, $value := $values}}

20
assets/templates/items/share.tmpl
View File

@ -5,7 +5,7 @@
<span class="close-dialog button close"><i class='close-dialog bi bi-x-circle-fill'></i></span> <span class="close-dialog button close"><i class='close-dialog bi bi-x-circle-fill'></i></span>
</header> </header>
<div class="content"> <div class="content">
<form> <form hx-post="/item/share/{{ .item.Id }}" hx-target="#message">
<h5>{{ .item.Title }}</h5> <h5>{{ .item.Title }}</h5>
<div class="row"> <div class="row">
<div class="col l6"> <div class="col l6">
@ -43,22 +43,8 @@
<fieldset> <fieldset>
<legend>Permissions</legend> <legend>Permissions</legend>
<div class="row"> <div class="row">
<div class="col l6"> <div class="col l6">{{ widget_checkbox "read" "Read" "1" "" }}</div>
<p> <div class="col l6">{{ widget_checkbox "edit" "Edit" "1" "" }}</div>
<label class="switch">
<input class="" name="read" type="checkbox" value="1" checked="checked">
<span class="slider round"></span>
</label><span class="label-checkbox">Read</span>
</p>
</div>
<div class="col l6">
<p>
<label class="switch">
<input class="" name="edit" type="checkbox" value="1">
<span class="slider round"></span>
</label><span class="label-checkbox">Edit</span>
</p>
</div>
</div> </div>
</fieldset> </fieldset>
<div id="footer-navbar"> <div id="footer-navbar">

17
assets/templates/partials/sidebar.tmpl
View File

@ -2,24 +2,15 @@
<!-- Sidebar/menu --> <!-- Sidebar/menu -->
<nav id="main-sidebar"> <nav id="main-sidebar">
<div id="app-title"> <div id="app-title">
<a class="hide-large" href="#" onclick="bm_toggle_sidebar('main-sidebar'); return false;"> <a class="hide-large" href="#" onclick="bm_toggle_sidebar('main-sidebar'); return false;"><img src="/static/img/brainminder.svg" alt="BrainMinder" class="logo" /></a>
<img src="/static/img/brainminder.svg" alt="BrainMinder" /> <a class="hide-large" href="#" onclick="bm_toggle_sidebar('main-sidebar'); return false;"><h5>BrainMinder</h5></a>
</a> <a class="hide-small hide-medium" href="/" hx-get="/" hx-push-url="true" hx-target="#page-content"><img src="/static/img/brainminder.svg" alt="BrainMinder" class="logo" /></a>
<a class="hide-large" href="#" onclick="bm_toggle_sidebar('main-sidebar'); return false;"> <a class="hide-small hide-medium" href="/" hx-get="/" hx-push-url="true" hx-target="#page-content"><h5>BrainMinder</h5></a>
<span>BrainMinder</span>
</a>
<a class="hide-small hide-medium" href="/" hx-get="/" hx-push-url="true" hx-target="#page-content">
<img src="/static/img/brainminder.svg" alt="BrainMinder" />
</a>
<a class="hide-small hide-medium" href="/" hx-get="/" hx-push-url="true" hx-target="#page-content">
<span>BrainMinder</span>
</a>
</div> </div>
<div id="main-sidebar-content"> <div id="main-sidebar-content">
<div id="sidebar-search" class="hide-large"> <div id="sidebar-search" class="hide-large">
<form method="POST" hx-post="/items/search" hx-target="#page-content" hx-push-url="true" hx-on:submit="bm_sidebar_click('main-sidebar')"> <form method="POST" hx-post="/items/search" hx-target="#page-content" hx-push-url="true" hx-on:submit="bm_sidebar_click('main-sidebar')">
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}" />
<div style="display: flex;"> <div style="display: flex;">
<div style="flex-grow:1"> <div style="flex-grow:1">
<input type="text" id="searchText" name="SearchText" placeholder="Search.." /> <input type="text" id="searchText" name="SearchText" placeholder="Search.." />