Skip to content
Extraits de code Groupes Projets
Vérifiée Valider ca1e19fe rédigé par Kubat's avatar Kubat
Parcourir les fichiers

INSTANCE: Place more things into the style.css and add the progress bar

parent c4e8e32c
Aucune branche associée trouvée
Aucune étiquette associée trouvée
2 requêtes de fusion!3Dev kubat,!2Base interface and system
Masquer les modifications d'espaces
En ligne Côte à côte
instance/index.html
+ 6
− 4
Voir le fichier @ ca1e19fe
......@@ -17,12 +17,10 @@
</head>
<body>
<div id="mainFrame" class="container-fluid">
<div id="buttonPanelListLeft" class="d-flex flex-row bd-highlight mb-3 row card"
style="padding:0px!important;margin-bottom:0px!important;margin-top:0px">
<div id="buttonPanelListLeft" class="d-flex flex-row bd-highlight mb-3 row card">
<!-- Will be generated on loading page --!>
</div>
<div id="panelWrapper" class="row"
style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<div id="panelWrapper" class="row">
<div id="panelLeft" class="col panel d-flex flex-column bd-highlight mb-3">
<!-- Will be generated on loading page --!>
</div>
......@@ -30,6 +28,10 @@
<!-- Will be generated on loading page --!>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 75%"></div>
<!-- Change the style 'width' to set the progress statue --!>
</div>
</div>
</body>
</html>
instance/main.js
+ 1
− 2
Voir le fichier @ ca1e19fe
......@@ -56,8 +56,7 @@ ipcRenderer.on("reload-db-responce", (event, arg) => {
logger.debug(`Web page got reload-db`);
arg.forEach( kara => {
karaList +=
`<div class="card p-2 bd-highlight shadow-none d-flex flex-row bd-highlight mb-3 border border-secondary"
style="border:0px;margin:0px!important;">
`<div class="card p-2 bd-highlight shadow-none d-flex flex-row bd-highlight mb-3 border border-secondary karaCard">
<div class="p-2 bd-highlight">${kara.id}</div>
<div class="p-2 bd-highlight">${kara.cat}</div>
<div class="p-2 bd-highlight">${kara.type}</div>
......
style/css/instance.css
+ 26
− 30
Voir le fichier @ ca1e19fe
body{
overflow: hidden;
body {
overflow: hidden;
height: 100vh;
}
#mainFrame {
height: 100%;
display: flex;
flex-direction: column;
padding-bottom: 10px;
height: 100%;
display: flex;
flex-direction: column;
padding: 0px;
}
#headerBar{
flex-basis: auto;
height: 150px;
#buttonPanelListLeft {
padding: 0px !important;
padding-left: 15px !important;
padding-right: 15px !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
}
#headerCard{
#headerCard {
width: 100%;
}
#headerTitle{
-webkit-user-select: none;
-webkit-user-select: none;
-webkit-app-region: drag;
}
#panelWrapper{
width: 100%;
margin-left: 0px;
margin-right: 0px;
flex-grow: 1;
overflow: hidden;
padding-top: 20px;
padding-bottom: 20px;
#panelWrapper {
width: 100%;
margin-left: 0px;
margin-right: 0px;
flex-grow: 1;
overflow: hidden;
padding: 0px !important;
}
.karaCard {
border: 0px;
margin: 0px !important;
}
.panel{
.panel {
height: 100%;
overflow-y: scroll;
}
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter