ODE/Lightbox-Remastered
ODE/Lightbox-Remastered
1
1
Fork 0
Code Pull Requests Releases 1 Activity

fix: ♻️ Fixed buttons to link to # and avoid useless reload on click (they are no suposed to be interactive).

Browse Source 
Changed the 'View' toolbar to square buttons instead of text links. There is no images yet.
This commit is contained in:
Thoscellen 2021-08-09 16:51:56 +02:00
parent 50060c76ad
commit 7fcc418043
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/index.html
View File

@ -16,11 +16,11 @@
<div class="lb-container"> <div class="lb-container">
<div class="lb-header"> <div class="lb-header">
<h2>Importer des documents</h2> <h2>Importer des documents</h2>
<a href="" class="close-button"><img src="./assets/closebutton.png"></a> <a href="#" class="close-button"><img src="./assets/closebutton.png"></a>
<div id="tabs-container"> <div id="tabs-container">
<span></span> <span></span>
<span><a href="">Intégrer un contenu externe</a></span> <span><a href="#">Intégrer un contenu externe</a></span>
<span><a href="">Filmer depuis la caméra</a></span> <span><a href="#">Filmer depuis la caméra</a></span>
<span class="active"><a href="">Parcourir son Espace Doc</a></span> <span class="active"><a href="">Parcourir son Espace Doc</a></span>
<span></span> <span></span>
</div> </div>
@ -31,10 +31,9 @@
<button>🔍</button> <button>🔍</button>
</div> </div>
<div id="doc-file-viewmode"> <div id="doc-file-viewmode">
Vue : <a href="#" class="active"></a>
<a href="" class="active">Mosaïque</a> <a href="#"></a>
<a href="">Grille</a> <a href="#"></a>
<a href="">Liste</a>
</div> </div>
<div id="doc-file-nav" class="list-nav scrollable"> <div id="doc-file-nav" class="list-nav scrollable">
<ul class=""> <ul class="">

13
public/main.css
View File

@ -184,6 +184,19 @@ input {
font-family: Calibri, Mallanna, "Segoe UI", sans-serif; font-family: Calibri, Mallanna, "Segoe UI", sans-serif;
} }
#doc-file-viewmode a {
background-image: linear-gradient(#fff, #e9ebef);
border-radius: 15px;
height: 40px;
min-width: 40px;
display: inline-block;
}
#doc-file-viewmode a.active {
background-image: linear-gradient(#3889c1, #43b9e7);
}
button { button {
/* height: 40px; */ /* height: 40px; */
box-sizing: border-box; box-sizing: border-box;