diff --git a/webpack/component/teacher/view.vue b/webpack/component/teacher/view.vue
index 090fe66..e72a2e9 100644
--- a/webpack/component/teacher/view.vue
+++ b/webpack/component/teacher/view.vue
@@ -38,6 +38,9 @@
:data-lname='prof.lastName'
:data-fname='prof.firstName'>
+
+
+
{{ prof.categorie }}
{{ prof.firstName }} {{ prof.lastName }}
diff --git a/webpack/scss/constants.scss b/webpack/scss/constants.scss
index 7525ff5..089657b 100644
--- a/webpack/scss/constants.scss
+++ b/webpack/scss/constants.scss
@@ -10,7 +10,7 @@ $error-color: #cc5857;
/* FORMULAIRES */
$form-valid-color: #20d696;
$form-neutral-color: #b8c0c8;
-$form-search-color: #e5c41d;
+$form-search-color: #1d74e5;
$form-invalid-color: #ea4b35;
$form-grey-color: lighten($secondary-color, 5%);
@@ -19,10 +19,10 @@ $form-grey-color: lighten($secondary-color, 5%);
// POUR RESOURCE_DISPATCHER
-$rd-form-valid-color: '27a560';
-$rd-form-neutral-color: '2193e6';
-$rd-form-search-color: '5630ed';
-$rd-form-invalid-color: 'd52918';
+$rd-form-valid-color: '20d696';
+$rd-form-neutral-color: 'b8c0c8';
+$rd-form-search-color: '1d74e5';
+$rd-form-invalid-color: 'ea4b35';
// Menu
$menu-bg: #fff;
diff --git a/webpack/scss/container.scss b/webpack/scss/container.scss
index 4c52063..02a6d0f 100644
--- a/webpack/scss/container.scss
+++ b/webpack/scss/container.scss
@@ -163,12 +163,48 @@
&.search-hidden,
&.filter-hidden{ display: none; }
- /* (2) Card generic title */
+
+ /* (2) REMOVE+EDIT button */
+ & > div.remove[data-remove],
+ & > div.edit[data-edit]{
+ display: inline-block;
+ position: absolute;
+ top: 1.3em;
+ left: calc( 100% - 2em );
+ width: 1em;
+ height: 1em;
+
+ background: url('/asset/svg/remove.svg@bbbbbb') center center no-repeat;
+ background-size: auto 100%;
+
+ cursor: pointer;
+
+ &:hover{
+ background-image: url('/asset/svg/remove.svg@#{$rd-form-invalid-color}');
+ }
+
+ }
+
+ /* (3) EDIT button */
+ & > div.edit[data-edit]{
+ left: calc( 100% - 2em - 1.3em );
+
+ background-image: url('/asset/svg/td.svg@bbbbbb');
+ background-size: 80% auto;
+
+ &:hover{
+ background-image: url('/asset/svg/td.svg@#{$rd-form-search-color}');
+ }
+
+ }
+
+ /* (4) Card generic title */
& > span.category,
& > select.category{
display: block;
position: relative;
+ width: calc( 100% - 3em );
margin-bottom: .5em;
@@ -179,7 +215,7 @@
}
- /* (2-edot) Card generic title (select) */
+ /* (4-edit) Card generic title (select) */
& > select.category{
margin: 0;
@@ -202,7 +238,7 @@
}
- /* (3) Card title */
+ /* (5) Card title */
& > h1{
display: flex;
@@ -232,7 +268,7 @@
text-anchor: center;
}
- /* (3-edit) Card title -> edit inputs */
+ /* (5-edit) Card title -> edit inputs */
input{
display: inline-block;
@@ -257,7 +293,7 @@
}
- /* (4) Card 2-column array */
+ /* (6) Card 2-column array */
& > div.table{
display: flex;
@@ -275,7 +311,7 @@
align-items: center;
flex-wrap: nowrap;
- /* (5) Column */
+ /* (6.1) Column */
& > div{
display: flex;
@@ -296,7 +332,7 @@
align-items: center;
flex-wrap: nowrap;
- /* (5.1) Column Emphasis */
+ /* (6.1.1) Column Emphasis */
& > span,
& > span:first-child{
display: block;
@@ -307,7 +343,7 @@
font-size: 1.5em;
letter-spacing: .05em;
- /* (5.1-edit) Editable text entry */
+ /* (6.1.1-edit) Editable text entry */
& > input{
display: inline-block;
width: 2em;
@@ -323,7 +359,7 @@
}
}
- /* (5.2) Column Emphasis */
+ /* (6.2) Column Emphasis */
& > span:last-child{
display: block;
position: relative;
@@ -343,7 +379,7 @@
}
- /* (6) Card footer */
+ /* (7) Card footer */
& > div.footer{
display: flex;
@@ -370,7 +406,7 @@
flex-wrap: nowrap;
- /* (6.1) Card footer element */
+ /* (7.1) Card footer element */
& > span{
display: flex;
@@ -422,7 +458,12 @@
}
- /* (6.2) Card footer separator */
+ /* (7.1-edit) Card button submit */
+ & > button{
+ margin: auto;
+ }
+
+ /* (7.2) Card footer separator */
& > hr{
display: block;
position: relative;
@@ -432,17 +473,9 @@
border: 0;
background-color: darken(#fff, 10%);
}
-
- /* (6-edit) Card button submit */
- & > button{
- margin: auto;
- }
-
}
-
-
- /* (6) Card sub */
+ /* (8) Card sub */
& > div.sub{
display: inline-block;