Skip to content
Snippets Groups Projects
Commit 2cd21bfd authored by RANWEZ Pierre's avatar RANWEZ Pierre :anchor:
Browse files

:bug: bug: min width for parameter table (icons)

parent fa498da0
No related branches found
No related tags found
1 merge request!1✨ feat: CSSLSD V2
Hide whitespace changes
Inline Side-by-side
popup.html
+ 238
− 136
View file @ 2cd21bfd
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<link rel="stylesheet" href="style.css" />
<script
src="jquery-3.6.0.min.js"
type="text/javascript"
charset="utf-8"
></script>
<script src="jquery-ui.js" type="text/javascript" charset="utf-8"></script>
</head>
<head> <body>
<link rel="stylesheet" href="style.css"> <div class="actions">
<script src="jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script> <p>Appareils MIDI :<br /><span id="midiDevices">Aucun</span></p>
<script src="jquery-ui.js" type="text/javascript" charset="utf-8"></script> <p>Controle MIDI ID :<br /><span id="midiEvent">Aucun</span></p>
</head> <div class="infos">
<div style="flex: 1 1 auto"></div>
<body> Etat
<div class="actions"> <div id="onOff" class="onOff"></div>
<p>Appareils MIDI :<br><span id="midiDevices">Aucun</span></p> MIDI
<p>Controle MIDI ID :<br><span id="midiEvent">Aucun</span></p> <div class="midiI"></div>
<div class="infos"> Audio
<div style="flex: 1 1 auto;"></div> <div class="audioI"></div>
Etat<div id="onOff" class="onOff"></div> </div>
MIDI<div class="midiI"></div> </div>
Audio<div class="audioI"></div> <details open>
</div> <summary>
</div> <svg
<details open> xmlns="http://www.w3.org/2000/svg"
<summary><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-code" width="12" class="icon icon-tabler icon-tabler-code"
height="12" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" width="12"
stroke-linecap="round" stroke-linejoin="round"> height="12"
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> viewBox="0 0 24 24"
<polyline points="7 8 3 12 7 16"></polyline> stroke-width="1.5"
<polyline points="17 8 21 12 17 16"></polyline> stroke="currentColor"
<line x1="14" y1="4" x2="10" y2="20"></line> fill="none"
</svg> CSSLSD</summary> stroke-linecap="round"
<div id="editor"></div> stroke-linejoin="round"
</details> >
<details open> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<summary><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-variable" width="12" <polyline points="7 8 3 12 7 16"></polyline>
height="12" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" <polyline points="17 8 21 12 17 16"></polyline>
stroke-linecap="round" stroke-linejoin="round"> <line x1="14" y1="4" x2="10" y2="20"></line>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> </svg>
<path CSSLSD
d="M5 4c-2.5 5 -2.5 10 0 16m14 -16c2.5 5 2.5 10 0 16m-10 -11h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1"> </summary>
</path> <div id="editor"></div>
<path d="M8 16c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5"></path> </details>
</svg> PARAMETRES</summary> <details open>
<table> <summary>
<thead> <svg
<tr> xmlns="http://www.w3.org/2000/svg"
<th><a title="Glisser-deposer, dupliquer et supprimer la ligne.">Actions</a></th> class="icon icon-tabler icon-tabler-variable"
<th><a title="Nom de votre parametre a utiliser avec des crochets dans le code CSS-LSD">Nom</a></th> width="12"
<th><a title="0:1 (plage decimale)&#13;#000:#fff (plage hexadecimale)&#13;A;B;C (liste)">Type</a> height="12"
</th> viewBox="0 0 24 24"
<th><a title="r (aleatoire)&#13;d (decimal)&#13;i:1 (increment de 1)">Options</a></th> stroke-width="1.5"
<th><a title="cc:1 (control change 1)&#13;note:1 (note 1)&#13;pb (pitch bend)">MIDI</a></th> stroke="currentColor"
<th><a fill="none"
title="loud (volume)&#13;low|lomi|mid|mihi|hi (puissance plage de frequence)&#13;onset:E (note de type E)&#13;attack (attaque d'un son)">Audio</a> stroke-linecap="round"
</th> stroke-linejoin="round"
</tr> >
</thead> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<tbody id="parameters"></tbody> <path
</table> d="M5 4c-2.5 5 -2.5 10 0 16m14 -16c2.5 5 2.5 10 0 16m-10 -11h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1"
</details> ></path>
<details> <path d="M8 16c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5"></path>
<summary> </svg>
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-repeat" width="12" height="12" PARAMETRES
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" </summary>
stroke-linejoin="round"> <table>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <thead>
<path d="M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3"></path> <tr>
<path d="M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3"></path> <th>
</svg> BOUCLES <a title="Glisser-deposer, dupliquer et supprimer la ligne."
</summary> >Actions</a
<table width="100%"> >
<thead> </th>
<tr> <th>
<th>Nom</th> <a
<th>Temps</th> title="Nom de votre parametre a utiliser avec des crochets dans le code CSS-LSD"
<th>Changes</th> >Nom</a
<th>Actions</th> >
<th></th> </th>
</tr> <th>
</thead> <a
<tbody id="loopList"></tbody> title="0:1 (plage decimale)&#13;#000:#fff (plage hexadecimale)&#13;A;B;C (liste)"
</table> >Type</a
</details> >
<details> </th>
<summary> <th>
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-text" width="12" <a title="r (aleatoire)&#13;d (decimal)&#13;i:1 (increment de 1)"
height="12" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" >Options</a
stroke-linecap="round" stroke-linejoin="round"> >
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> </th>
<path d="M14 3v4a1 1 0 0 0 1 1h4"></path> <th>
<path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path> <a
<line x1="9" y1="9" x2="10" y2="9"></line> title="cc:1 (control change 1)&#13;note:1 (note 1)&#13;pb (pitch bend)"
<line x1="9" y1="13" x2="15" y2="13"></line> >MIDI</a
<line x1="9" y1="17" x2="15" y2="17"></line> >
</svg> CHARGER / TELECHARGER </th>
</summary> <th>
<table> <a
<tr> title="loud (volume)&#13;low|lomi|mid|mihi|hi (puissance plage de frequence)&#13;onset:E (note de type E)&#13;attack (attaque d'un son)"
<td> >Audio</a
<input id="upload" type="file" /> >
<label for="upload"> </th>
<svg title="Chargez votre fichier .json" xmlns="http://www.w3.org/2000/svg" </tr>
class="icon icon-tabler icon-tabler-file-upload" width="24" height="24" viewBox="0 0 24 24" </thead>
stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" <tbody id="parameters"></tbody>
stroke-linejoin="round"> </table>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> </details>
<path d="M14 3v4a1 1 0 0 0 1 1h4"></path> <details>
<path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path> <summary>
<line x1="12" y1="11" x2="12" y2="17"></line> <svg
<polyline points="9 14 12 11 15 14"></polyline> xmlns="http://www.w3.org/2000/svg"
</svg> class="icon icon-tabler icon-tabler-repeat"
</label> width="12"
<span>Charger</span> height="12"
</td> viewBox="0 0 24 24"
<td> stroke-width="1.5"
<svg title="Telechargez votre fichier .json" id="download" xmlns="http://www.w3.org/2000/svg" stroke="currentColor"
class="icon icon-tabler icon-tabler-file-download" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round"> stroke-linejoin="round"
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> >
<path d="M14 3v4a1 1 0 0 0 1 1h4"></path> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path> <path d="M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3"></path>
<line x1="12" y1="11" x2="12" y2="17"></line> <path d="M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3"></path>
<polyline points="9 14 12 17 15 14"></polyline> </svg>
</svg> BOUCLES
<span>Telecharger</span> </summary>
</td> <table width="100%">
</tr> <thead>
</table> <tr>
</details> <th>Nom</th>
<p style="text-align: center;">&COPY; 2022 - Universite de Lille - <a id="doc">Voir la documentation</a></p> <th>Temps</th>
<th>Changes</th>
<script src="cssParser.js" type="text/javascript" charset="utf-8"></script> <th>Actions</th>
<script src="ace/ace.js" type="text/javascript" charset="utf-8"></script> <th></th>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.14/ace.min.js" integrity="sha512-hDyKEpCc9jPn3u2VffFjScCtNqZI+BAbThAhhDYqqqZbxMqmTSNIgdU0OU9BRD/8wFxHIWLAo561hh9fW7j6sA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> </tr>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.14/ext-language_tools.min.js" integrity="sha512-S7Whi8oQAQu/MK6AhBWufIJIyOvqORj+/1YDM9MaHeRalsZjzyYS7Usk4fsh+6J77PUhuk5v/BxaMDXRdWd1KA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> --> </thead>
<script src="ace/ext-language_tools.js" type="text/javascript" charset="utf-8"></script> <tbody id="loopList"></tbody>
<script src="main.min.js" type="text/javascript" charset="utf-8"></script> </table>
</body> </details>
<details>
</html> <summary>
\ No newline at end of file <svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-file-text"
width="12"
height="12"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
<path
d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"
></path>
<line x1="9" y1="9" x2="10" y2="9"></line>
<line x1="9" y1="13" x2="15" y2="13"></line>
<line x1="9" y1="17" x2="15" y2="17"></line>
</svg>
CHARGER / TELECHARGER
</summary>
<table>
<tr>
<td>
<input id="upload" type="file" />
<label for="upload">
<svg
title="Chargez votre fichier .json"
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-file-upload"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
<path
d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"
></path>
<line x1="12" y1="11" x2="12" y2="17"></line>
<polyline points="9 14 12 11 15 14"></polyline>
</svg>
</label>
<span>Charger</span>
</td>
<td>
<svg
title="Telechargez votre fichier .json"
id="download"
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-file-download"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
<path
d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"
></path>
<line x1="12" y1="11" x2="12" y2="17"></line>
<polyline points="9 14 12 17 15 14"></polyline>
</svg>
<span>Telecharger</span>
</td>
</tr>
</table>
</details>
<p style="text-align: center">
&COPY; 2022 - Universite de Lille - <a id="doc">Voir la documentation</a>
</p>
<script src="cssParser.js" type="text/javascript" charset="utf-8"></script>
<script src="ace/ace.js" type="text/javascript" charset="utf-8"></script>
<script
src="ace/ext-language_tools.js"
type="text/javascript"
charset="utf-8"
></script>
<script src="main.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
style.css
+ 4
− 0
View file @ 2cd21bfd
...@@ -253,4 +253,8 @@ td label { ...@@ -253,4 +253,8 @@ td label {
} }
a#doc { a#doc {
cursor: pointer; cursor: pointer;
}
#parameters td:nth-child(3) {
max-width: 200px;
} }
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment