gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-03-01 14:22:32 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactoring of icon button styles

Browse Source
This commit is contained in:
azivner 2018-06-08 22:17:00 -04:00
parent e75b4cd848
commit c39d0be8cd
2 changed files with 24 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/public/stylesheets/style.css
View File

@ -383,3 +383,7 @@ div.ui-tooltip {
#note-path-list .current a { #note-path-list .current a {
font-weight: bold; font-weight: bold;
} }
button.icon-button {
padding: 4px;
}

33
src/views/index.ejs
View File

@ -76,19 +76,19 @@
<div id="search-box" style="display: none; padding: 10px; margin-top: 10px;"> <div id="search-box" style="display: none; padding: 10px; margin-top: 10px;">
<div style="display: flex; align-items: center;"> <div style="display: flex; align-items: center;">
<input name="search-text" placeholder="Search text, labels" style="flex-grow: 100; margin-left: 5px; margin-right: 5px;" autocomplete="off"> <input name="search-text" placeholder="Search text, labels" style="flex-grow: 100; margin-left: 5px; margin-right: 5px;" autocomplete="off">
<button id="do-search-button" class="btn btn-sm" title="Search (enter)" style="padding: 4px;"> <button id="do-search-button" class="btn btn-sm icon-button" title="Search (enter)">
<img src="/images/icons/search-20.png" alt="Search"/> <img src="/images/icons/search-20.png" alt="Search"/>
</button> </button>
&nbsp; &nbsp;
<button id="save-search-button" class="btn btn-sm" title="Save search" style="padding: 4px;"> <button id="save-search-button" class="btn btn-sm icon-button" title="Save search">
<img src="/images/icons/save-20.png" alt="Save search"/> <img src="/images/icons/save-20.png" alt="Save search"/>
</button> </button>
&nbsp; &nbsp;
<button id="close-search-button" class="btn btn-sm" title="Close search" style="padding: 4px;"> <button id="close-search-button" class="btn btn-sm icon-button" title="Close search">
<img src="/images/icons/x-20.png" alt="Close search"/> <img src="/images/icons/x-20.png" alt="Close search"/>
</button> </button>
</div> </div>
@ -123,45 +123,40 @@
<span id="note-id-display" title="Note ID"></span> <span id="note-id-display" title="Note ID"></span>
<button class="btn btn-sm" <button class="btn btn-sm icon-button"
style="display: none; margin-right: 10px; padding: 4px;" style="display: none; margin-right: 10px;"
title="Toggle edit" title="Toggle edit"
id="toggle-edit-button"> id="toggle-edit-button">
<img src="/images/icons/edit-20.png" alt="Toggle edit"/> <img src="/images/icons/edit-20.png" alt="Toggle edit"/>
</button> </button>
<button class="btn btn-sm" <button class="btn btn-sm icon-button"
style="display: none; margin-right: 10px; padding: 4px;" style="display: none; margin-right: 10px;"
title="Render (Ctrl+Enter)" title="Render (Ctrl+Enter)"
id="render-button"> id="render-button">
<img src="/images/icons/play-20.png" alt="Render"/> <img src="/images/icons/play-20.png" alt="Render"/>
</button> </button>
<button class="btn btn-sm" <button class="btn btn-sm icon-button"
style="display: none; margin-right: 10px; padding: 4px;" style="display: none; margin-right: 10px;"
title="Execute (Ctrl+Enter)" title="Execute (Ctrl+Enter)"
id="execute-script-button"> id="execute-script-button">
<img src="/images/icons/play-20.png" alt="Render"/> <img src="/images/icons/play-20.png" alt="Render"/>
</button> </button>
<div> <div>
<div class="btn-group btn-group-sm">
<button type="button" <button type="button"
class="btn" class="btn btn-sm icon-button"
id="protect-button" id="protect-button"
title="Protected note can be viewed and edited only after entering password" title="Protected note can be viewed and edited only after entering password">
style="padding: 4px;">
<img src="/images/icons/shield-20.png"/> <img src="/images/icons/shield-20.png"/>
</button> </button><button type="button"
<button type="button" class="btn btn-sm icon-button"
class="btn"
id="unprotect-button" id="unprotect-button"
title="Not protected note can be viewed without entering password" title="Not protected note can be viewed without entering password">
style="padding: 4px;">
<img src="/images/icons/shield-off-20.png"/> <img src="/images/icons/shield-off-20.png"/>
</button> </button>
</div> </div>
</div>
&nbsp; &nbsp; &nbsp; &nbsp;