Skip to content
Snippets Groups Projects
Commit 5fe7b242 authored by Deleted User's avatar Deleted User
Browse files

Division des .css en plusieurs fichiers: 

Les pricipaux fichiers .css ont étaient divisés en plusieurs fichiers impactant chacun une partie spécifique du site.
parent 8ccbe0f2
No related branches found
No related tags found
1 merge request!50[1] Site générique
Hide whitespace changes
Inline Side-by-side
app/static/css/add_tuto.css → app/static/css/annimation.css
+ 0
− 0
View file @ 5fe7b242
File moved
app/static/css/hierarchy.css 0 → 100644
+ 32
− 0
View file @ 5fe7b242
.hierarchy {
padding-top: 5px;
font-size: 18px;
text-align: center;
line-height: 190%;
}
/* Hierarchy title */
#hierarchy-title_ang {
margin-left: 9%;
margin-right: 4%;
}
#hierarchy-title_fr {
margin-left: -6%;
margin-right: 4%;
}
/* Hierarchy language icons */
.hierarchy-lang_icon_left {
height:25px;
width:25px;
margin-right: 3%;
}
.hierarchy-lang_icon_right {
height:25px;
width:25px;
}
\ No newline at end of file
app/static/css/test.css → app/static/css/main.css
+ 0
− 18
View file @ 5fe7b242
......@@ -3,24 +3,6 @@
text-align: center;
}
.hierarchy {
padding-top: 5px;
font-size: 18px;
text-align: center;
line-height: 190%;
}
.list-group {
overflow:scroll;
max-height: 470px;
}
.single_result {
font-size: 16px;
padding-left: 20px;
text-align: center;
}
.glyphicon-tags {
font-size: 16px;
padding-right: 10px;
......
app/static/css/result.css 0 → 100644
+ 37
− 0
View file @ 5fe7b242
#result-title {
margin-left: 9%;
margin-right: 3%;
}
/* Result language icons */
#result-lang {
margin-left: 0%;
}
.result-lang_icon_left {
height:25px;
width:25px;
margin-right: 2%;
}
.result-lang_icon_right {
height:25px;
width:25px;
margin-right: 3%;
}
/* Result elements */
.list-group {
overflow:scroll;
max-height: 470px;
}
.single_result {
font-size: 16px;
padding-left: 20px;
text-align: center;
}
\ No newline at end of file
app/templates/add_new_tuto.html
+ 1
− 1
View file @ 5fe7b242
......@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Add tutos</title>
<link rel="stylesheet" href="static/css/add_tuto.css">
<link rel="stylesheet" href="static/css/annimation.css">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
......
app/templates/browse.html
+ 29
− 16
View file @ 5fe7b242
......@@ -5,8 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Browse</title>
<link rel="stylesheet" href="static/css/add_tuto.css">
<link rel="stylesheet" href="static/css/test.css">
<link rel="stylesheet" href="static/css/annimation.css">
<link rel="stylesheet" href="static/css/main.css">
<link rel="stylesheet" href="static/css/hierarchy.css">
<link rel="stylesheet" href="static/css/result.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- VueJs -->
......@@ -22,26 +24,28 @@
<div class="row">
<br><br><br>
<div class="col-md-1"></div>
<div class="col-md-3">
<div id='hierarchy' class="panel panel-primary" v-cloak>
<div class="panel-heading title">
<span v-if="this.labels_language == 'US'" style="margin-left: 9%; margin-right: 4%"><span class="glyphicon glyphicon-tags"></span>[[ txt['labels_title_ang'] ]]</span>
<span v-else style="margin-left: -6%; margin-right: 4%;"><span class="glyphicon glyphicon-tags"></span>[[ txt['labels_title_fr'] ]]</span>
<span v-if="this.labels_language == 'US'" id="hierarchy-title_ang"><span class="glyphicon glyphicon-tags"></span>[[ txt['labels_title_ang'] ]]</span>
<span v-else id="hierarchy-title_fr"><span class="glyphicon glyphicon-tags"></span>[[ txt['labels_title_fr'] ]]</span>
<span style="margin-right: -10%;">
<span v-if='this.labels_language == "FR"'>
<img style="height:25px; width:25px; margin-right: 3%;" src="static/img/boue_france.png">
<img title="Passe le nom des étiquettes en Anglais" @click="change_labels_language('US')" style="height:25px; width:25px;" src="static/img/boue_usa_black.png" onmouseover="this.src='static/img/boue_usa.png'" onmouseout="this.src='static/img/boue_usa_black.png'">
<img class="hierarchy-lang_icon_left" src="static/img/boue_france.png">
<img title="Passe le nom des étiquettes en Anglais" @click="change_labels_language('US')" class="hierarchy-lang_icon_right" src="static/img/boue_usa_black.png" onmouseover="this.src='static/img/boue_usa.png'" onmouseout="this.src='static/img/boue_usa_black.png'">
</span>
<span v-else>
<img title="Pass the name of the labels in French" @click="change_labels_language('FR')" style="height:25px; width:25px; margin-right: 3%;" src="static/img/boue_france_black.png" onmouseover="this.src='static/img/boue_france.png'" onmouseout="this.src='static/img/boue_france_black.png'">
<img style="height:25px; width:25px;" src="static/img/boue_usa.png">
<img title="Pass the name of the labels in French" @click="change_labels_language('FR')" class="hierarchy-lang_icon_left" src="static/img/boue_france_black.png" onmouseover="this.src='static/img/boue_france.png'" onmouseout="this.src='static/img/boue_france_black.png'">
<img class="hierarchy-lang_icon_right" src="static/img/boue_usa.png">
</span>
</span>
</div>
<div class="pannel-body hierarchy">
<!-- HIERARCHY.OLD_LABELS_TAB -->
<span v-for='(value, index) in old_labels_tab'>
<img v-if="labels_language == 'FR'" title="Désélectionne les éléments portant cette étiquette" class="icone_left" @click="rm_label_of_old_tab(index)" src="static/img/swimming.small.png" onmouseover="this.src='static/img/unchecked_swimming.small.png'" onmouseout="this.src='static/img/swimming.small.png'">
<img v-else-if="labels_language == 'US'" title="Deselect the elements bearing this label" class="icone_left" @click="rm_label_of_old_tab(index)" src="static/img/swimming.small.png" onmouseover="this.src='static/img/unchecked_swimming.small.png'" onmouseout="this.src='static/img/swimming.small.png'">
......@@ -49,6 +53,9 @@
<span v-else v-bind:title="value[1]"><b>{{ value[1].slice(0, 12)+"..." }}</b></span>
<img class="icone_right" src="static/img/swimming.small.png" style="visibility: hidden;"><br>
</span>
<!-- HIERARCHY.OLD_LABELS_TAB -->
<!-- HIERARCHY.UNSELECT_TAB -->
<span v-for='(value, index) in unselect_tab'>
<img class="icone_left" src="static/img/swimming.small.png" style="visibility: hidden;">
<span v-if="(value[1].length <= 13)"><b>{{ value[1] }}</b></span>
......@@ -57,6 +64,9 @@
<img v-if="labels_language == 'US'" title="Authorizes elements bearing this label" class="icone_right" @click="rm_label_to_unselect_tab(index)" src="static/img/swimming.small.png" onmouseover="this.src='static/img/unchecked_swimming.small.png'" onmouseout="this.src='static/img/swimming.small.png'">
<br>
</span>
<!-- HIERARCHY.UNSELECT_TAB -->
<!-- HIERARCHY.NEW_LABELS_TAB -->
<div v-if="this.loading == 1">
<hr v-if="(this.old_labels_tab.length > 0 || this.unselect_tab.length > 0) && this.new_labels_tab.length > 0"/>
<transition-group name="new_labels">
......@@ -71,6 +81,7 @@
</span>
</transition-group>
</div>
<!-- HIERARCHY.NEW_LABELS_TAB -->
</div>
</div>
......@@ -80,26 +91,28 @@
<div class="col-md-7" id="result" v-cloak>
<div class="panel panel-primary">
<div class="panel-heading title">
<span style="margin-left: 9%; margin-right: 3%;">
<span id="result-title">
<span class="glyphicon glyphicon-book"></span>
<span v-if="this.labels_language == 'FR'">[[ txt['result_title_fr'] ]]</span>
<span v-else="this.labels_language == 'US'">[[ txt['result_title_ang'] ]]</span>
</span>
<span style="margin-left: 0%">
<!-- RESULT LANG ICONS -->
<span id="result-lang">
<span v-if="this.results_language[0] % 2 == 0 && this.results_language[1] % 2 == 0">
<img title="Enlève les tutoriels en langue française" style="height:25px; width:25px; margin-right: 2%;" @click="change_results_language([1, 0])" src="static/img/boue_france.png" onmouseover="this.src='static/img/boue_france_black.png'" onmouseout="this.src='static/img/boue_france.png'">
<img title="Enlève les tutoriels en langue anglaise" style="height:25px; width:25px; margin-right: 3%;" @click="change_results_language([0, 1])" src="static/img/boue_usa.png" onmouseover="this.src='static/img/boue_usa_black.png'" onmouseout="this.src='static/img/boue_usa.png'">
<img title="Enlève les tutoriels en langue française" class="result-lang_icon_left" @click="change_results_language([1, 0])" src="static/img/boue_france.png" onmouseover="this.src='static/img/boue_france_black.png'" onmouseout="this.src='static/img/boue_france.png'">
<img title="Enlève les tutoriels en langue anglaise" class="result-lang_icon_right" @click="change_results_language([0, 1])" src="static/img/boue_usa.png" onmouseover="this.src='static/img/boue_usa_black.png'" onmouseout="this.src='static/img/boue_usa.png'">
</span>
<span v-if="this.results_language[0] % 2 != 0 && this.results_language[1] % 2 == 0">
<img title="Remet les tutoriels en langue française" style="height:25px; width:25px; margin-right: 2%;" @click="change_results_language([1, 0])" src="static/img/boue_france_black.png" onmouseover="this.src='static/img/boue_france.png'" onmouseout="this.src='static/img/boue_france_black.png'">
<img style="height:25px; width:25px; margin-right: 3%;" src="static/img/boue_usa.png">
<img title="Remet les tutoriels en langue française" class="result-lang_icon_left" @click="change_results_language([1, 0])" src="static/img/boue_france_black.png" onmouseover="this.src='static/img/boue_france.png'" onmouseout="this.src='static/img/boue_france_black.png'">
<img class="result-lang_icon_right" src="static/img/boue_usa.png">
</span>
<span v-if="this.results_language[0] % 2 == 0 && this.results_language[1] % 2 != 0">
<img style="height:25px; width:25px; margin-right: 2%;" src="static/img/boue_france.png">
<img title="Remet les tutoriels en langue anglaise" style="height:25px; width:25px; margin-right: 3%;" @click="change_results_language([0, 1])" src="static/img/boue_usa_black.png" onmouseover="this.src='static/img/boue_usa.png'" onmouseout="this.src='static/img/boue_usa_black.png'">
<img class="result-lang_icon_left" src="static/img/boue_france.png">
<img title="Remet les tutoriels en langue anglaise" class="result-lang_icon_right" @click="change_results_language([0, 1])" src="static/img/boue_usa_black.png" onmouseover="this.src='static/img/boue_usa.png'" onmouseout="this.src='static/img/boue_usa_black.png'">
</span>
</span>
<!-- RESULT LANG ICONS -->
</div>
<!-- <transition-group name="tutos"> -->
<ul v-if="this.loading == 1" class="list-group" >
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment