diff --git a/src/includes/mentor/resources/detail.pug b/src/includes/mentor/resources/detail.pug
index 15d3aae26d47455b540a92d4ba368abd4887c0e2..f45123545c93c6c53828bd0d9f58b2ee4f02a682 100644
--- a/src/includes/mentor/resources/detail.pug
+++ b/src/includes/mentor/resources/detail.pug
@@ -3,7 +3,7 @@ include ../../components/widgets
.block_log.block_creat_count
sib-display(
bind-resources,
- fields='steps, format, content(name, preview_image, description, tags),\
+ fields='name, steps, format, content(preview_image, description, tags),\
submitter_info(submitter.name, \
submitter.mentor_profile.organisation.name, skills, uri, broken),\
review.reviewer.name, copyright, specifications(\
diff --git a/src/includes/mentor/resources/list.pug b/src/includes/mentor/resources/list.pug
index b077b81270ca6a5560bf56cd97e8fd9a065645e5..103ef4bd800ae6918dd144cded5742335d55ddd5 100644
--- a/src/includes/mentor/resources/list.pug
+++ b/src/includes/mentor/resources/list.pug
@@ -41,7 +41,7 @@ div.block_list
)
div(id='requests', class="tabcontent")
- sib-display(
+ sib-display.request_accordeon(
data-src=`${endpoints.requests}`
fields='content(name, description), field, language.name, target, create',
@@ -54,14 +54,14 @@ div.block_list
sib-display#resources-history(
bind-user
nested-field='resources'
- fields='content(name, format, publication_year), actions(review, edit, detail, delete)',
-
+ fields='content(name, format, publication_year), actions(review, detail, edit, delete)',
+ widget-review='cs-resource-status',
+
widget-format='cs-display-multiple-property'
label-format='Formats: '
each-label-format=''
multiple-format
- widget-review='cs-resource-status'
widget-publication_year='cs-display-resource-property'
label-publication_year='Date of publication:'
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 74a46edf5c9b07365a745d255aa31aeb996b27bb..ccb1604ccc56f88da744761b7ab7e35108dcd253 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -218,7 +218,7 @@ body{
margin: 0 auto;
}
-.button_base, input[type="submit"]{
+.button_base, input[type="submit"], #mentor-resource-detail a,.sib-conversation form input[type="submit"]{
transition: all .3s ease-in-out;
background-color: var(--bg-btn-base);
color: var(--bg-block);
@@ -231,8 +231,9 @@ body{
box-shadow: none;
border-radius: 20px;
width: auto;
+ cursor: pointer;
}
-.button_base:hover,, input[type="submit"]:hover{
+.button_base:hover, input[type="submit"]:hover, #mentor-resource-detail a:hover,.sib-conversation form input[type="submit"]:hover{
background-color: var(--bg-block);
color: var(--bg-btn-base);
}
@@ -249,6 +250,7 @@ body{
border: 2px solid #444C4D;
box-shadow: none;
width: auto;
+ cursor: pointer;
}
.button_dark:hover{
background-color: var(--bg-block);
@@ -279,6 +281,7 @@ p{
font-family: 'var(--typo-btn)';
transition: all .3s ease-in-out;
margin: 3rem;
+ cursor: pointer;
}
.backlink:hover{
@@ -299,6 +302,7 @@ p{
display: inline-block;
text-align: center;
text-decoration: none;
+ cursor: pointer;
}
.add_browse:hover{
@@ -317,6 +321,7 @@ p{
font-size: 1.4rem;
border:none;
position: relative;
+ cursor: pointer;
}
.btn_filtre:after{
font-family: "Font Awesome 5 pro";
@@ -333,7 +338,7 @@ p{
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX ICONES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
-.ico_gauche{
+.ico_gauche, #mentor-resource-detail a{
padding-left: 3.5rem;
position: relative;
}
@@ -342,7 +347,7 @@ p{
position: relative;
}
-.ico_gauche:before,ico_droite:before{
+.ico_gauche:before,ico_droite:before, #mentor-resource-detail a:before{
font-family: "Font Awesome 5 pro";
font-weight: 900;
position : absolute;
@@ -366,6 +371,9 @@ ico_droite:before{
.ico_search:before{
content: "\f002";
}
+#mentor-resource-detail a:before{ /* ico link to ressource dans détail ressources*/
+ content:"\f0c1";
+}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXx FIN ICONE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
@@ -424,7 +432,7 @@ input, textarea, select, form .ss-main .ss-multi-selected{
input:focus, textarea:focus{
background: var(--bg-form-focus);
}
-.title_form, cs-section_introduction h2{
+.title_form, cs-section_introduction h2, div#mentor-resource-detail cs-display-property[name="name"] p{
font-family: 'var(--typo)';
font-size: 2.2rem;
text-align: left;
@@ -801,7 +809,100 @@ sib-multiple label, cs-resource-status[name="review.status"]+*{
/*XXXXXXXXXXXXXXXXXXXXX DETAIL RESSOURCES XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
+cs-display-step-property[label="Step"] p{
+ font-weight: bold;
+ border-bottom: #5DC6F2 solid 3px;
+ width: auto;
+ float: left;
+ padding-bottom: .5rem;
+}
+cs-display-multiple-property[label="Format:"] p{
+ width: auto;
+ float: right;
+ padding-bottom: .5rem;
+}
+sib-multiple[name="format"] + *{
+ clear: both;
+}
+sib-set-default[name="submitter_info"]{
+ display: block;
+ cs-display-resource-property:first-child b{
+ display: block;
+ }
+ p{
+ font-size: 1.4rem;
+ margin-bottom: 1rem;
+ }
+}
+#mentor-resource-detail a{
+ text-decoration: none;
+ display: inline-block;
+ margin: 3rem 0;
+}
+
+sib-set-default[name="specifications"]> cs-display-resource-property{
+ display: block;
+ float: left;
+ width: 33%;
+ border: 1px solid var(--bg-page);
+ padding: 2rem 0;
+ background: var(--bg-form-focus);
+ margin-top: 1px;
+ p{
+ text-align: center;
+ margin:0;
+ font-size: 1.4rem;
+ }
+}
+
+.sib-conversation div.conversation-form{
+ border: none;
+ position: relative;
+}
+div.sib-conversation textarea{
+ border-radius: 0;
+ background: white;
+ height: 4.5rem;
+ padding: 1.5rem 1rem 1rem 3.2rem;
+ font-size: 1.6rem;
+}
+
+div.sib-conversation div.conversation-form:before{
+ content: "\f27a";
+ font-family: "Font Awesome 5 pro";
+ font-weight: 900;
+ position : absolute;
+ display: block;
+ width: 1.5rem;
+ height: 1.5rem;
+ top: 5.5rem;
+ left: 2rem;
+ color: var(--bg-btn-base);
+}
+
+.sib-conversation form{
+ overflow: hidden;
+ input[type="submit"]{
+ float: right;
+ }
+}
+
+div#requests.tabcontent sib-display.request_accordeon div div> sib-display-value{
+ font-family: 'var(--typo-btn)';
+ font-size: 1.2rem;
+ color: var(--clr-typo-base);
+ float: left;
+}
+
+div#requests.tabcontent sib-display.request_accordeon div div> sib-set-default >sib-display-value{
+ color: #444C4D;
+}
+
+cs-validate-action div{
+ clear: both;
+ text-align: right;
+ }
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX PROFILE XXXXXXXXXXXXXXXXXXXXX
@@ -864,6 +965,7 @@ cs-display-property[name="mentor_profile.country"] p{
clear: both;
}
+
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX MEDIA QUERIES XXXXXXXXXXXXXXXXXXXXX