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

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

View File

@ -16,11 +16,11 @@
<div class="lb-container">
<div class="lb-header">
<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">
<span></span>
<span><a href="">Intégrer un contenu externe</a></span>
<span><a href="">Filmer depuis la caméra</a></span>
<span><a href="#">Intégrer un contenu externe</a></span>
<span><a href="#">Filmer depuis la caméra</a></span>
<span class="active"><a href="">Parcourir son Espace Doc</a></span>
<span></span>
</div>
@ -31,10 +31,9 @@
<button>🔍</button>
</div>
<div id="doc-file-viewmode">
Vue :
<a href="" class="active">Mosaïque</a>
<a href="">Grille</a>
<a href="">Liste</a>
<a href="#" class="active"></a>
<a href="#"></a>
<a href="#"></a>
</div>
<div id="doc-file-nav" class="list-nav scrollable">
<ul class="">

View File

@ -184,6 +184,19 @@ input {
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 {
/* height: 40px; */
box-sizing: border-box;