Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • applications/knowledge-base/knowledgebase-front
  • HannaP/knowledgebase-front
  • novalore/knowledgebase-front
3 results
Show changes
Commits on Source (23)
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 936 additions and 513 deletions
src/includes/entrepreneur/components/header.pug
View file @ 91289eaa
......@@ -7,19 +7,18 @@
include menu.pug
div.flex.flex_espace.flex_item_center
//- sib-form(
//- data-src=`${endpoints.languages}`
//- fields='languages'
//- range-languages=`${endpoints.languages}`
//- widget-languages='sib-form-dropdown'
//- selected-languages=`${endpoints.languages}/1/`
//- label-languages=''
//- naked
//- )
//- input.ico_droite.ico_search
sib-form(
data-src=`${endpoints.languages}`
fields='languages'
range-languages=`${endpoints.languages}`
widget-languages='sib-form-dropdown'
selected-languages=`${endpoints.languages}/1/`
label-languages=''
naked
)
.dropdownWrapper
sib-display#user-account-picture.dropdownLabel(
sib-display#entrepreneur-account-picture.dropdownLabel(
bind-user
fields='account.picture',
widget-account.picture='cs-account-picture'
......
src/includes/entrepreneur/profile/detail.pug
View file @ 91289eaa
......@@ -25,8 +25,9 @@ div.block_list.flex
sib-display#entrepreneur_info(
bind-user
fields='name, entrepreneur_profile.organisation.name, registered_on'
fields='account.picture, name, entrepreneur_profile.organisation.name, registered_on'
widget-name='cs-display-property'
widget-account.picture='cs-profile-picture'
widget-entrepreneur_profile.organisation.name='cs-display-property'
widget-entrepreneur_profile.registered_on='cs-display-property'
)
......
src/includes/entrepreneur/profile/edit.pug
View file @ 91289eaa
......@@ -9,7 +9,6 @@ sib-form#entrepreneur_profile_edition.block_log.block_creat_count(
label-first_name="Surname"
label-last_name="Name"
label-username="Username"
label-entrepreneur_profile.organisation="Organisation"
label-account.picture="Profile picture"
widget-username="sib-form-hidden"
......
src/includes/entrepreneur/requests/create.pug
View file @ 91289eaa
......@@ -9,6 +9,7 @@
h2.title_form Request a ressource
p.p_entete You can't find a resource you are looking for ? You need resources to acquire certain skills or progress in your cooperative developement ? It can be a book, a document model, a tutorial, anything you need, make a request to our mentors so they know how to help you.
img(src="../images/asid_entre.png" alt="rechercher de ressources")
sib-form#resource-creation-form(
loader-id="resource-creation-form-loader"
......
src/includes/entrepreneur/resources/detail.pug
View file @ 91289eaa
......@@ -116,7 +116,7 @@ include ../../components/widgets
widget-name='cs-display-property'
label-detail=''
widget-detail='sib-action'
action-detail='mentor-resource-detail'
action-detail='entrepreneur-resource-detail'
)
......
src/includes/mentor/browseDatabase.pug
View file @ 91289eaa
......@@ -4,6 +4,7 @@ include ../components/widgets
div.container_min
h2.title_lead.fd_bleu International index of resources for cooperative mentors and entrepreneurs
button.button_dark.pull-right Watch the presentation
i.far.fa-play-circle
div.block_list
div.button__actions
......@@ -81,7 +82,7 @@ container.block_list.flex.flex_espace
//Fake tabs to filter by type.
div.tabs.flex_espace
div(class='tablink filter_by_type active', onclick="openFakeTab(this)")
sib-display#type1(
sib-display.type1(
data-src=`${endpoints.types}1/`
fields='name'
widget-name='fake-tabs'
......
src/includes/mentor/components/header.pug
View file @ 91289eaa
......@@ -7,19 +7,18 @@
include menu.pug
div.flex.flex_espace.flex_item_center
//- sib-form(
//- data-src=`${endpoints.languages}`
//- fields='languages'
//- range-languages=`${endpoints.languages}`
//- widget-languages='sib-form-dropdown'
//- selected-languages=`${endpoints.languages}/1/`
//- label-languages=''
//- naked
//- )
//- input.ico_droite.ico_search
sib-form(
data-src=`${endpoints.languages}`
fields='languages'
range-languages=`${endpoints.languages}`
widget-languages='sib-form-dropdown'
selected-languages=`${endpoints.languages}/1/`
label-languages=''
naked
)
.dropdownWrapper
sib-display#user-account-picture.dropdownLabel(
sib-display#mentor-account-picture.dropdownLabel(
bind-user
fields='account.picture',
widget-account.picture='cs-account-picture'
......
src/includes/mentor/resources/list.pug
View file @ 91289eaa
......@@ -17,6 +17,7 @@ dialog#confirm_status_change.no-sidebar
div.container_min
h2.title_lead.fd_bleu International index of resources for cooperative mentors and entrepreneurs
button.button_dark.pull-right Watch the presentation
i.far.fa-play-circle
div.block_list
div.button__actions
......
src/includes/mentor/validation-process.pug
View file @ 91289eaa
div.block_log.block_creat_count.no_shadow
sib-link(class="backlink", next="mentor-resource-list")
.like
p
i.fas.fa-times
i.fas.fa-times
div#validation-process
h2 What is a validation process ?
div.flex.w_100
......
src/includes/public/components/header.pug
View file @ 91289eaa
......@@ -7,13 +7,12 @@
include menu.pug
div.flex.flex_espace.flex_item_center
//- sib-form(
//- data-src=`${endpoints.languages}`
//- fields='languages'
//- range-languages=`${endpoints.languages}`
//- widget-languages='sib-form-dropdown'
//- selected-languages=`${endpoints.languages}/1/`
//- label-languages=''
//- naked
//- )
//- input.ico_droite.ico_search
sib-form(
data-src=`${endpoints.languages}`
fields='languages'
range-languages=`${endpoints.languages}`
widget-languages='sib-form-dropdown'
selected-languages=`${endpoints.languages}/1/`
label-languages=''
naked
)
src/includes/public/resources/list.pug
View file @ 91289eaa
......@@ -9,6 +9,7 @@ dialog#resource-report-broken-link-public
div.container_min
h2.title_lead.fd_bleu International index of resources for cooperative mentors and entrepreneurs
button.button_dark.pull-right Watch the presentation
i.far.fa-play-circle
container.block_list.flex.flex_espace
div.w_75.block-g-entre
......@@ -73,7 +74,7 @@ container.block_list.flex.flex_espace
//Fake tabs to filter by type.
div.tabs.flex_espace
div(class='tablink filter_by_type active', onclick="openFakeTab(this)")
sib-display#type1(
sib-display.type1(
data-src=`${endpoints.types}1/`
fields='name'
widget-name='fake-tabs'
......@@ -422,7 +423,6 @@ container.block_list.flex.flex_espace
label-fields=''
multiple-fields
class="panel"
next='public-resource-detail'
paginate-by="5"
......
src/scripts/coopstarter.js
View file @ 91289eaa
......@@ -66,19 +66,19 @@ function loadFile(event) {
/**
* Fill datas to a form.
* @param {HTMLElment} detail - Element with the datas to retrieve.
* @param {HTMLElment} element - Element with the datas to retrieve.
* @param {string} targetFormName - Id of the form to fill.
* @param {string} inputName - Name of the input to fill.
* @param {string} inputName - Name of the input to fill in the form.
*/
function linkDatasetToField(detail, targetFormName, inputName) {
function linkDatasetToField(element, targetFormName, inputName) {
let targetForm = document.getElementById(targetFormName);
targetForm.addEventListener("populate", event => {
let resourceField = targetForm.querySelector(`input[name="${inputName}"]`);
if (resourceField) {
resourceField.value = JSON.stringify({ "@id": detail.dataset.src });
resourceField.value = JSON.stringify({ "@id": element.dataset.src });
resourceField.setAttribute(
"value",
JSON.stringify({ "@id": detail.dataset.src })
JSON.stringify({ "@id": element.dataset.src })
);
}
});
......@@ -120,6 +120,9 @@ function refreshPagination() {
.querySelector(".accordion:not(.active)")
) {
resources_container.nextSibling.setAttribute("hidden", "hidden");
resources_container.nextSibling.setAttribute("style", "display:none");
} else {
resources_container.nextSibling.setAttribute("style", "display:flex");
}
}
}
......@@ -195,6 +198,40 @@ function selectHiddenManagementForType(tab, form) {
}
}
/**
* Init type to type 1
*/
function InitManagementForType() {
var forms = document.querySelectorAll(".resource_by_step");
forms.forEach(form => {
form.addEventListener(
"populate",
e => {
window.setTimeout(() => {
let type_hidden_field = form.querySelectorAll('select[name="type"]');
type_hidden_field.forEach(function(select_hidden) {
options_hidden = select_hidden.getElementsByTagName("option");
for (let option_hidden of options_hidden) {
option_hidden.removeAttribute("selected");
if (option_hidden.value == '{"@id": "http://localhost:8000/types/1/"}') {
//Actually selecting the option if it is the good one
option_hidden.setAttribute("selected", "selected");
select_hidden.setAttribute("value", option_hidden.value);
}
}
//Trigerring a reload of the associated form
let parent_form = select_hidden.closest("sib-form");
parent_form.component.inputChange();
refreshPagination();
});
});
},
3000
);
});
}
/**
* Manage the report broken links hidden form
*/
......@@ -288,6 +325,24 @@ function manageLogoutButton() {
}
}
/**
* Initi the custom form file behaviour
* Todo : we can improve the performance adding param to reduce the loop
*/
function initFileUpload(){
var previewImage = document.querySelectorAll(
"sib-form-file input[name='preview_image']+input"
);
var previewlabel = document.querySelectorAll("sib-form-file div");
for (let item of previewlabel) {
item.innerHTML = "Upload a file";
}
for (let item of previewImage) {
item.addEventListener("change", loadFile);
}
}
/**
* For entrepreneur dashboard only :
* As we cannot have multiple imbricated filtering with the native sib-display, we manage it manually.
......@@ -476,6 +531,9 @@ jQuery(document).ready(function($) {
//Refresh pagination
refreshPagination();
//init the fitering by step
// InitManagementForType();
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
......@@ -495,20 +553,24 @@ jQuery(document).ready(function($) {
refreshList("improvement-dialog-form", "pending-resources");
refreshList("entrepreneur_profile_creation", "entrepreneur_info");
refreshList("entrepreneur_profile_creation", "entrepreneur_contact");
refreshList("entrepreneur_profile_creation", "user-account-picture");
refreshList("entrepreneur_profile_creation", "entrepreneur-account-picture");
refreshList("mentor_profile_creation", "mentor_info");
refreshList("mentor_profile_creation", "mentor_complementary");
refreshList("mentor_profile_creation", "mentor_contact");
refreshList("mentor_profile_creation", "user-account-picture");
refreshList("mentor_profile_creation", "mentor-account-picture");
refreshList("entrepreneur_profile_edition", "entrepreneur_info");
refreshList("entrepreneur_profile_edition", "entrepreneur_contact");
refreshList("entrepreneur_profile_edition", "user-account-picture");
refreshList("entrepreneur_profile_edition", "entrepreneur-account-picture");
refreshList("mentor_profile_edition", "mentor_info");
refreshList("mentor_profile_edition", "mentor_complementary");
refreshList("mentor_profile_edition", "mentor_contact");
refreshList("mentor_profile_edition", "user-account-picture");
refreshList("mentor_profile_edition", "mentor-account-picture");
refreshList("change_status_request", "request-list");
addProperFilterToSearchComponents("entrepreneur-resource-list");
addProperFilterToSearchComponents("mentor-database");
addProperFilterToSearchComponents("public-resource-list");
var header_dropdown = $(".dropdownWrapper"),
drop_choices = header_dropdown.find(".dropdownLabel");
......@@ -540,17 +602,8 @@ jQuery(document).ready(function($) {
fillReportBrokenLinkForm(event, userWhoSubmitReport, formBrokenLink);
});
var previewImage = document.querySelectorAll(
"sib-form-file input[name='preview_image']+input"
);
var previewlabel = document.querySelectorAll("sib-form-file div");
for (let item of previewlabel) {
item.innerHTML = "Upload a file";
}
for (let item of previewImage) {
item.addEventListener("change", loadFile);
}
//Init the form file behaviour
initFileUpload()
//Manage the accordion in request mentor dashboard.
manageAccordionForRequest()
......@@ -596,11 +649,11 @@ jQuery(document).ready(function($) {
window.setTimeout(() => {
//Manage accordion by step
manageAccordionByStep();
refreshPagination();
}, 2000);
//In the entrepreneur dashboard, we set data from the display form to the hidden ones.
addProperFilterToSearchComponents("entrepreneur-resource-list");
addProperFilterToSearchComponents("mentor-database");
addProperFilterToSearchComponents("public-resource-list");
//Init the form file behaviour
initFileUpload();
//Correct the native default of pagination
refreshPagination();
}, 3000);
});
src/styles/index.scss
View file @ 91289eaa
......@@ -34,7 +34,7 @@ time, mark, audio, video {
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
footer, header, hgroup, menu, nav, section, container {
display: block;
}
body {
......@@ -227,7 +227,8 @@ body{
}
.button_base, input[type="submit"], #mentor-resource-detail a, #entrepreneur-resource-detail a,
#mentor-resource-validate a, .sib-conversation form input[type="submit"]{
#mentor-resource-validate a, .sib-conversation form input[type="submit"],
#public-resource-detail a{
transition: all .3s ease-in-out;
background-color: var(--bg-btn-base);
color: var(--bg-block);
......@@ -243,7 +244,7 @@ body{
cursor: pointer;
}
.button_base:hover, input[type="submit"]:hover, #mentor-resource-detail a:hover, #mentor-resource-validate a:hover,
#entrepreneur-resource-detail a:hover,.sib-conversation form input[type="submit"]:hover{
#entrepreneur-resource-detail a:hover,.sib-conversation form input[type="submit"]:hover, #public-resource-detail a:hover{
background-color: var(--bg-block);
color: var(--bg-btn-base);
}
......@@ -345,10 +346,96 @@ p{
.bold{
font-weight: bold;
}
/* pagination */
.step nav{
display: flex;
justify-content: center;
padding-top: 1rem;
width: auto;
}
.step nav button+button{
order:3;
}
.step nav button+button:after{
content: "\f061";
}
.step nav button:after{
font-family: "Font Awesome 5 pro";
content: "\f060";
font-weight: 900;
position : absolute;
display: block;
width: 2rem;
height: 2rem;
right: 1.4rem;
top: 0.5rem;
font-size: 1.7rem;
font-weight: bold;
color: #7A8789;
cursor: pointer;
transition: all .3s ease-in;
}
.step nav button:hover:after{
color: var(--bg-btn-base);
}
.step nav button{
position: relative;
border: none;
background: none;
color: white;
}
.step nav button[disabled]{
opacity: .35;
}
.step nav button[disabled]:after,
.step nav button[disabled]:hover:after{
cursor: default;
color: #7A8789;
}
.step nav>span{
order: 2;
font-family: "var(--typo-btn)";
color: white;
font-size: 1rem;
font-weight: bold;
padding:1rem .5rem 1rem .5rem;
border-radius: 50%;
background: var(--bg-btn-base);
margin: 0 2rem;
position: relative;
right: 1rem;
}
/* fleche accordion */
.step .accordion>div{
position: relative;
}
.step>.accordion>div:after{
font-family: "Font Awesome 5 pro";
content: "\f078";
font-weight: 900;
position : absolute;
display: block;
width: 1.5rem;
height: 1.5rem;
right: 1.4rem;
top: 0rem;
transform-origin: .7rem .7rem;
transform: rotate(0);
transition: .2s all ease-in;
cursor: pointer;
}
.step>.accordion>div:hover:after{
color: var(--bg-btn-base);
}
.step .accordion.active>div:after{
transform: rotate(180deg);
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX ICONES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.ico_gauche, #mentor-resource-detail a, #mentor-resource-validate a, #entrepreneur-resource-detail a, #entrepreneur-resource-list cs-display-property[name="name"] p{
.ico_gauche, #mentor-resource-detail a, #mentor-resource-validate a, #entrepreneur-resource-detail a, #entrepreneur-resource-list cs-display-property[name="name"] p,
#public-resource-detail a{
padding-left: 3.5rem;
position: relative;
}
......@@ -357,7 +444,7 @@ p{
position: relative;
}
.ico_gauche:before,ico_droite:before, #mentor-resource-detail a:before, #mentor-resource-validate a:before, #entrepreneur-resource-detail a:before,#entrepreneur-resource-list cs-display-property[name="name"] p:before, #confirm_suppress button:before{
.ico_gauche:before,ico_droite:before, #mentor-resource-detail a:before, #mentor-resource-validate a:before, #entrepreneur-resource-detail a:before,#entrepreneur-resource-list cs-display-property[name="name"] p:before, #confirm_suppress button:before, header span:before, #public-resource-detail cs-display-link[label="Link to resource"] a:before{
font-family: "Font Awesome 5 pro";
font-weight: 900;
position : absolute;
......@@ -378,10 +465,14 @@ ico_droite:before{
.ico_database:before{
content:"\f1c0";
}
.ico_search:before{
header .ico_search:before{
content: "\f002";
font-size: 1.3rem;
color: #282828;
left: 75%;
top: 33%;
}
#mentor-resource-detail a:before, #mentor-resource-validate a:before, #entrepreneur-resource-detail a:before{ /* ico link to ressource dans détail ressources*/
#mentor-resource-detail a:before, #mentor-resource-validate a:before, #entrepreneur-resource-detail a:before,#public-resource-detail a:before{ /* ico link to ressource dans détail ressources*/
content:"\f0c1";
}
.ico_arrow:before{
......@@ -401,6 +492,11 @@ ico_droite:before{
left: auto;
}
.far.fa-play-circle{
margin-left: 2rem;
font-size: 1.5rem;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXx FIN ICONE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* XXXXXXXXXXXXXXXXXXXXXXXX formulaires XXXXXXXXXXXXXXXXXXXXXX */
......@@ -515,6 +611,7 @@ div#mentor-resource-validate cs-display-property[name="name"] p, div#entrepreneu
left: 0;
height: 100px;
opacity: 0;
cursor: pointer;
}
sib-form-label-text[name="iframe_link"] div{
......@@ -625,6 +722,8 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
header#header{
background:var(--bg-block);
height: 10rem;
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.14);
position: relative;
}
header#header img[alt="Coopstarter"] {
width: auto;
......@@ -636,7 +735,7 @@ header#header img[alt="Coopstarter"] {
width: 3rem;
height: 3rem;
border-radius: 50%;
background: blue;
background: white;
margin-right: 5rem;
}
header#header .avatar img, #mentor-resource-detail .avatar img, #mentor-resource-validate .avatar img, #entrepreneur-resource-detail .avatar img{
......@@ -648,10 +747,14 @@ header select{
margin-right: 2rem;
border-radius: 50px;
}
header input{
width:14.5rem;
margin-right: 2rem;
border-radius: 50px;
header span.ico_search{
padding-right: 0;
input{
width:14.5rem;
margin-right: 2rem;
border-radius: 50px;
padding-right: 3rem;
}
}
header#header sib-form-dropdown>label>div {
......@@ -820,7 +923,7 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
}
#entrepreneur-resource-list container, #public-resource-list container, #mentor-database container{
padding-top: 3.5rem;
padding-top: 3.5rem;display: block;
sib-form-placeholder-text[name="name_keyword"]{
float: left;
width: 76%;
......@@ -897,12 +1000,15 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
}
div sib-display:nth-child(odd) div{
background: #F7F9FE;
cursor: pointer;
}
div sib-display:nth-child(even) div{
background: white;
cursor: pointer;
}
cs-steps-header p{
margin-bottom: 1.5rem;
color: var(--clr-roll-black);
b{
text-transform: uppercase;
}
......@@ -910,7 +1016,9 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
}
}
#entrepreneur-resource-list .step div div{
#entrepreneur-resource-list .step div div,
#public-resource-list .step div div,
#mentor-database .step div div{
position: relative;
fake-like, fake-dislike{
position: absolute;
......@@ -1085,7 +1193,7 @@ div .contenu_list p, div .contenu_list label{
font-size: 1.4rem;
float: left;
margin-right: 1rem;
}
}
sib-display-value,sib-multiple label,cs-resource-status div{
font-weight: bold;
......@@ -1206,16 +1314,28 @@ sib-multiple label, cs-resource-status[name="review.status"]+*{
transform: rotate(0);
transition: .2s all ease-in;
}
accordion-request-resource.active h2:after{
accordion-request-resource.active h2:hover:after{
color: var(--bg-btn-base);
}
accordion-request-resource.active h2:after
{
transform: rotate(180deg);
}
}
.accordion:not(.active) + .panel sib-form + div{
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion{
&:not(.active) + .panel sib-form + div {
overflow: hidden;
transition: max-height 0.2s ease-out;
max-height: 0;
}
&.active + .panel sib-form + div {
overflow: hidden;
transition: max-height 0.2s ease-out;
max-height: 1500px;
}
}
/*XXXXXXXXXXXXXXXXXXXXX DETAIL RESSOURCES XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.format_type p{
border-radius: 5px;
......@@ -1263,6 +1383,7 @@ sib-set-default[name="submitter_info"]{
p{
font-size: 1.4rem;
margin-bottom: 1rem;
color: #3D424A;
}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXX Modal XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
......@@ -1333,7 +1454,8 @@ sib-set-default[name="submitter_info"]{
}
}
}
#mentor-resource-detail, #entrepreneur-resource-detail, #mentor-resource-validate{
#mentor-resource-detail, #entrepreneur-resource-detail, #mentor-resource-validate,#entrepreneur-request-create,#public-resource-detail{
border: none;
top: 0;
padding: 0;
......@@ -1348,6 +1470,7 @@ sib-set-default[name="submitter_info"]{
}
}
h2.title_form{
margin-top: 3rem;
}
......@@ -1378,6 +1501,8 @@ sib-set-default[name="submitter_info"]{
cs-display-step-property p{
color: #3D424A;
font-size: 1.6rem;
padding-right: 1rem;
margin-right: .5rem;
}
}
.like{
......@@ -1412,8 +1537,30 @@ sib-set-default[name="submitter_info"]{
padding-top: 2rem;
}
}
#mentor-resource-detail a, #mentor-resource-validate a, #entrepreneur-resource-detail a{
#entrepreneur-request-create h2.title_form,#public-resource-list cs-display-property[name="name"].title_form p{
font-family: 'var(--typo)';
font-size: 2.2rem;
color: #444C4D;
padding: 0 0 1.5rem 0;
margin: 0 0 2rem 0;
border-bottom: 1px solid #DBE2ED;
&+p{
width: 80%;
display: inline-block;
font-size: 1.6rem;
text-align: left;
vertical-align: top;
padding-top: .5rem;
margin-right: 2rem;
}
}
#entrepreneur-request-create form h2.title_form{
font-family: 'var(--typo-btn)';
font-size: 1.6rem;
color: #3D424A;
font-weight: bold;
}
#mentor-resource-detail a, #mentor-resource-validate a, #entrepreneur-resource-detail a, #public-resource-detail a{
text-decoration: none;
display: inline-block;
margin: 0;
......@@ -1588,26 +1735,252 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX MEDIA QUERIES XXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
@media screen and (max-width: 920px) {
/* Partie mentor */
#resources-history > div div{
flex-wrap: nowrap;
.button_base.button_pending{
margin-top: 0;
}
}
}
@media screen and (max-width: 920px) {
/* Partie mentor */
.tablink{
font-size: 1.5rem;
}
}
@media screen and (max-width: 800px) {
/* Partie entrepreneur */
.container_min{
width: 100%;
}
.block_aside_entre{
display: none;
}
.block_list .w_75{
width: 100%;
}
input, textarea, select, form .ss-main .ss-multi-selected{
height: 4.6rem;
}
#entrepreneur-resource-list container .keyword_submit div, #public-resource-list container .keyword_submit div, #mentor-database container .keyword_submit div{
top:-5rem;
}
.button_base, input[type="submit"]{
padding: 1.8rem 0.9rem 1.8rem 0.9rem;
}
#mentor-resource-detail a, #entrepreneur-resource-detail a, #mentor-resource-validate a, #public-resource-detail a{
padding: 1.8rem 0.9rem 1.8rem 2.9rem;
}
.ico_gauche:before, ico_droite:before, #mentor-resource-detail a:before, #mentor-resource-validate a:before, #entrepreneur-resource-detail a:before, #entrepreneur-resource-list cs-display-property[name="name"] p:before, #confirm_suppress button:before, header span:before, #public-resource-detail cs-display-link[label="Link to resource"] a:before {
left: 1rem;
top: 1.7rem;
}
#mentor-resource-detail .broken sib-link, #entrepreneur-resource-detail .broken sib-link, #mentor-resource-validate .broken sib-link, #entrepreneur-request-create .broken sib-link, #public-resource-detail .broken sib-link {
margin: 2rem 0 0 3rem;
}
#mentor-resource-detail, #entrepreneur-resource-detail, #mentor-resource-validate, #entrepreneur-request-create, #public-resource-detail{
padding: 1rem 1rem 30% 1rem;
}
#entrepreneur-resource-detail sib-set-default[name="content"],
#mentor-resource-detail sib-set-default[name="content"],
#public-resource-detail sib-set-default[name="content"]{
width: 100%;
}
#entrepreneur-account .button__actions, #mentor-account .button__actions{
width: 100%;
text-align: center;
&>div{
display: inline-block;
}
&>div:first-child div{
padding: 1.8rem 0.9rem 1.8rem 2.9rem;
}
&+.profile_information{
margin: 1rem;
.button_edit{
right: -.5rem;
}
}
}
.format_type p,#mentor-database container .step cs-display-resource-property[name="format.name"] p,#entrepreneur-resource-list container .step cs-display-resource-property[name="format.name"] p, #public-resource-list container .step cs-display-resource-property[name="format.name"] p, #mentor-database container .step cs-display-resource-property[name="format.name"] p{
padding: 1.5rem;
}
/* Partie mentor */
.button__actions .resources__newresource .button_base,
#mentor-resource-list .button__actions .dashboard__database .button_base,
#confirm_suppress button, .ico_database {
padding: 1.8rem 0.9rem 1.8rem 2.9rem;
}
#confirm_suppress > div, #confirm_status_change > div, #resource-validation-process > div, #resource-validation-process-confirmation > div {
margin-top: 5%;
}
/* Partie public */
#public-resource-list container .step cs-display-resource-property[name="format.name"] p{
padding: 1.5rem;
}
#entrepreneur-resource-list .step div div fake-dislike, #public-resource-list .step div div fake-dislike, #mentor-database .step div div fake-dislike{
right: 25%;
}
#entrepreneur-resource-list .step div div fake-like, #public-resource-list .step div div fake-like, #mentor-database .step div div fake-like{
right: 30%;
}
#entrepreneur-resource-list cs-display-property[name="name"] p:before{
top: 0;
left: 0;
}
#resource-validation-process div, #resource-validation-process-confirmation div{
background-image: none;
figure{
width: 80%;
margin: 1.5rem;
position: relative;
}
figure:nth-last-child(-n+2):before{
content: "or";
position: absolute;
top: -2rem;
right: 45%;
font-weight: bold;
font-family: 'var(--typo-btn)';
font-size: 2rem;
color: var(--bg-btn-base);
}
}
}
@media screen and (max-width: 750px) {
.block_log {
padding:var(--marge-base-750);
}
}
[hidden] {
display: none !important;
}
b, strong {
font-weight: bolder;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXX Little tricks for 04/10 Démonstration XXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
fake-like,
fake-dislike {
display: none;
@media screen and (max-width: 660px) {
header#header{
height: auto;
padding-bottom: 2rem;
}
.container_min+.block_list .button__actions:not(.keyword_submit){
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
}
header>div>.flex{
flex-direction: column;
flex-wrap: nowrap;
.flex{
width: 90%;
margin: 0 auto;
figure{
margin: 0;
}
}
.logo_head {
margin: 2rem;
}
}
#mentor-account .resources__newresource sib-link>div:first-child{
padding: 0;
}
#mentor-account .button__actions > div{
width: 50%;
}
sib-form-label-text, sib-multiple-select, sib-form-dropdown, sib-form-auto-completion, sib-form-number{
width: 100%;
}
.input_photo{
margin: 1rem;
}
sib-set-default[name="specifications"]{
flex-direction: column;
}
sib-set-default[name="specifications"] > cs-display-resource-property, sib-set-default[name="specifications"] > sib-multiple{
width: 100%;
}
#confirm_suppress > div{
width: 80%;
}
#entrepreneur-resource-list .step div div fake-dislike, #public-resource-list .step div div fake-dislike, #mentor-database .step div div fake-dislike{
top: 8.7rem;
right: 5%;
}
#entrepreneur-resource-list .step div div fake-like, #public-resource-list .step div div fake-like, #mentor-database .step div div fake-like{
right: 15%;
top: 8.7rem;
}
#entrepreneur-resource-list container .step cs-display-resource-property[name="format.name"], #public-resource-list container .step cs-display-resource-property[name="format.name"], #mentor-database container .step cs-display-resource-property[name="format.name"]{
margin-bottom: 2rem;
}
#mentor-resource-detail .like, #entrepreneur-resource-detail .like, #mentor-resource-validate .like, #entrepreneur-request-create .like, #public-resource-detail .like{
position: absolute;
right: 9px;
top: 10px;
}
/* onglet mentor dashboard */
#mentor-resource-list .tabs .tablink h2{
width: 100%;
font-size: .000001rem;
color: #f5f6fa;
height: 3rem;
}
#mentor-resource-list .tabs .tablink:after{
font-family: "Font Awesome 5 pro";
font-weight: 900;
content:"\f271";
position : absolute;
display: block;
font-size: 3rem;
left: 50%;
top: -1.7rem;
}
#mentor-resource-list .tablink+div>div{
position:relative;
}
#mentor-resource-list .tabs .tablink.active+.tablink+.tablink+div div:before{
content: "Resources requesting validation";
position: absolute;
font-family: 'var(--typo-btn)';
top: -5px;
left: 0;
font-size: 1.4rem;
}
#mentor-resource-list .tabs .tablink.active+.tablink+div #requests:before{
content: "Requested resources";
position: absolute;
font-family: 'var(--typo-btn)';
top: -5px;
left: 40%;
font-size: 1.4rem;
}
#mentor-resource-list .tabs .tablink.active+div #history:before{
content: "History of your resources";
position: absolute;
font-family: 'var(--typo-btn)';
top: -5px;
right: -8px;
font-size: 1.4rem;
}
#mentor-resource-list .tabs div:nth-child(2):after{
content:"\f274";
}
#mentor-resource-list .tabs div:nth-child(3):after{
content:"\f073";
}
#mentor-resource-list .tabs div.active:after{
content:"";
}
}
[hidden] {
display: none !important;
}
\ No newline at end of file