feature: multiple small fixes and updates
This commit is contained in:
gaelle morin
parent
398dba539e
commit
ef2b2295e4
6
package-lock.json
generated
6
package-lock.json
generated
@ -1159,9 +1159,9 @@
|
||||
}
|
||||
},
|
||||
"@startinblox/hubl-styling-framework": {
|
||||
"version": "1.0.55",
|
||||
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.55.tgz",
|
||||
"integrity": "sha512-amHi8b2adsx3qyMNLQcYBnYX17xO0eD+zR8x+HcWMVnQ1zP5xVdrrR0e/KPs9qwsTZGX7kYHCuxSoEr0l1s6yg=="
|
||||
"version": "1.4.0",
|
||||
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.4.0.tgz",
|
||||
"integrity": "sha512-SPkKRrWUzS2TJaesnCumr+DkixODktBbWc2P8kMRNUFBe2hJ+U6vKGtxVmnoPQPcGmm3sJJ4ZC2ZHbeZX1DCHg=="
|
||||
},
|
||||
"@types/q": {
|
||||
"version": "1.5.4",
|
||||
|
||||
@ -45,7 +45,7 @@
|
||||
]
|
||||
},
|
||||
"dependencies": {
|
||||
"@startinblox/hubl-styling-framework": "^1.0.55",
|
||||
"@startinblox/hubl-styling-framework": "^1.4.0",
|
||||
"fs-extra": "^9.0.1",
|
||||
"normalize.css": "^8.0.1",
|
||||
"parcel-bundler": "^1.12.4",
|
||||
|
||||
@ -1,20 +0,0 @@
|
||||
<svg class="alien" fill="#C9C8C8" width="135.47mm" height="135.51mm" version="1.1" viewBox="0 0 135.47 135.51" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
|
||||
<metadata>
|
||||
<rdf:RDF>
|
||||
<cc:Work rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
|
||||
<dc:title/>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g transform="translate(-38.096 -81.081)">
|
||||
<g transform="matrix(.26458 0 0 .26458 38.081 81.081)">
|
||||
<path d="m179.41 71.671c23.202-13.388 49.715-20.471 76.664-20.471 26.982 0 53.513 7.1 76.732 20.514 1.348 0.785 2.816 1.152 4.267 1.152 2.953 0 5.82-1.536 7.398-4.267 2.364-4.079 0.964-9.301-3.115-11.657-25.813-14.925-55.296-22.81-85.282-22.81-29.943 0-59.4 7.868-85.197 22.758-4.087 2.355-5.487 7.578-3.132 11.657 2.364 4.08 7.586 5.471 11.665 3.124z"/>
|
||||
<path d="m256.07 187.73c-9.412 0-17.067 7.654-17.067 17.067 0 9.412 7.654 17.067 17.067 17.067 9.412 0 17.067-7.654 17.067-17.067-1e-3 -9.412-7.655-17.067-17.067-17.067z"/>
|
||||
<path d="m329.97 162.13c-2.355-4.087-7.586-5.495-11.665-3.123l-7.936 4.582c-3.755-4.932-8.158-9.335-13.09-13.09l4.582-7.945c2.364-4.079 0.964-9.301-3.123-11.656-4.079-2.355-9.301-0.956-11.656 3.123l-4.531 7.851c-5.641-2.372-11.674-3.959-17.946-4.753v-9.122c0-4.71-3.814-8.533-8.533-8.533s-8.533 3.823-8.533 8.533v9.122c-6.272 0.794-12.305 2.381-17.946 4.753l-4.531-7.851c-2.364-4.087-7.586-5.487-11.657-3.132-4.087 2.364-5.487 7.578-3.123 11.665l4.582 7.945c-4.932 3.755-9.336 8.149-13.09 13.09l-7.945-4.591c-4.079-2.364-9.301-0.956-11.657 3.132-2.364 4.079-0.956 9.293 3.123 11.656l7.859 4.531c-3.439 8.149-5.35 17.092-5.35 26.479 0 37.641 30.626 68.267 68.267 68.267s68.267-30.626 68.267-68.267c0-9.378-1.911-18.321-5.342-26.47l7.859-4.54c4.071-2.363 5.479-7.577 3.115-11.656zm-73.898 93.867c-28.237 0-51.2-22.963-51.2-51.2s22.963-51.2 51.2-51.2 51.2 22.963 51.2 51.2-22.964 51.2-51.2 51.2z"/>
|
||||
<path d="m510.9 451.96c-2.295-8.585-7.723-15.795-15.317-20.378l-47.027-37.606c-0.222-0.145-21.82-14.967-21.82-35.575v-153.6c0-46.541-18.97-90.863-52.335-122.98l32.862-33.169c3.328 1.587 7.006 2.551 10.94 2.551 14.114 0 25.6-11.486 25.6-25.6s-11.486-25.6-25.6-25.6-25.6 11.486-25.6 25.6c0 3.951 0.973 7.654 2.586 11l-39.159 39.518c-1.664 1.681-2.56 3.977-2.466 6.34 0.094 2.355 1.161 4.574 2.944 6.118 33.783 29.235 53.163 71.595 53.163 116.22v153.6c0 29.824 28.203 48.964 28.8 49.331l46.925 37.555c0.341 0.273 0.691 0.512 1.067 0.734 3.951 2.278 6.775 5.956 7.962 10.359 1.178 4.403 0.572 9.003-1.715 12.945-4.702 8.166-15.155 10.957-23.142 6.349l-106.66-64.827c-3.234-1.963-7.356-1.579-10.155 0.947s-3.61 6.588-1.988 9.993l22.545 47.548c2.372 4.087 3.14 9.003 2.133 13.491-0.998 4.429-3.618 8.064-7.373 10.232-8.875 5.12-19.396 9e-3 -24.499-6.98l-46.165-72.525c-1.929-3.012-5.504-4.506-9.003-3.763-3.49 0.759-6.144 3.601-6.647 7.134l-8.533 59.733c-0.06 0.401-0.085 0.811-0.085 1.212 0 9.412-7.654 17.067-17.067 17.067-9.412 0-17.067-7.654-17.067-17.067 0-0.401-0.026-0.811-0.085-1.212l-8.533-59.733c-0.503-3.533-3.157-6.383-6.647-7.134-3.516-0.751-7.091 0.751-9.003 3.772l-45.815 72.124c-6.135 8.516-17.545 11.742-25.378 7.194-4.292-2.475-6.067-6.238-6.793-8.96-1.271-4.719-0.478-10.027 2.483-15.223l21.76-46.225c1.613-3.405 0.794-7.45-1.997-9.976-2.79-2.517-6.912-2.91-10.121-0.964l-106.13 64.04c-8.149 4.685-18.611 1.911-23.313-6.238-2.287-3.951-2.893-8.55-1.715-12.954 1.186-4.403 4.011-8.081 7.962-10.359 0.367-0.213 0.717-0.461 1.05-0.725l46.541-37.146c1.195-0.802 29.201-19.942 29.201-49.749v-153.6c0-44.809 19.507-87.287 53.513-116.52 1.801-1.545 2.876-3.78 2.961-6.161 0.094-2.381-0.828-4.685-2.509-6.357l-39.45-39.219c1.596-3.328 2.552-7.014 2.552-10.94 0-14.114-11.486-25.6-25.6-25.6s-25.6 11.486-25.6 25.6 11.486 25.6 25.6 25.6c3.951 0 7.646-0.973 10.991-2.577l33.109 32.905c-33.562 32.137-52.634 76.561-52.634 123.27v153.6c0 20.625-21.453 35.447-22.212 35.994l-46.626 37.188c-7.595 4.582-13.03 11.793-15.326 20.378-2.372 8.806-1.152 18.014 3.405 25.907 9.412 16.299 30.336 21.897 46.78 12.407l82.15-49.579-9.446 20.096c-4.881 8.439-6.289 18.483-3.866 27.546 2.21 8.243 7.441 15.113 14.746 19.319 15.488 8.96 36.497 3.686 48.034-12.416l33.715-53.043 5.188 36.318c0.34 18.525 15.521 33.484 34.124 33.484s33.783-14.959 34.125-33.485l5.188-36.352 34.091 53.521c7.723 10.615 19.396 16.461 30.899 16.461 5.615 0 11.187-1.391 16.23-4.309 7.936-4.582 13.431-12.134 15.488-21.274 1.971-8.747 0.546-17.903-3.678-25.156l-10.035-21.188 82.483 50.142c16.29 9.395 37.222 3.806 46.635-12.493 4.556-7.902 5.777-17.101 3.404-25.908zm-92.697-434.89c4.71 0 8.533 3.831 8.533 8.533s-3.823 8.533-8.533 8.533c-2.278 0-4.318-0.922-5.845-2.372-0.06-0.068-0.077-0.154-0.145-0.222-0.06-0.06-0.137-0.068-0.188-0.119-1.442-1.536-2.355-3.558-2.355-5.82 0-4.702 3.822-8.533 8.533-8.533zm-317.93 14.114c-0.145 0.12-0.333 0.171-0.469 0.307-0.136 0.137-0.179 0.316-0.307 0.461-1.493 1.314-3.413 2.185-5.564 2.185-4.71 0-8.533-3.831-8.533-8.533s3.823-8.533 8.533-8.533 8.533 3.831 8.533 8.533c1e-3 2.149-0.878 4.078-2.193 5.58z"/>
|
||||
<path d="m154.89 311.36c-2.423 4.036-1.109 9.276 2.918 11.691 1.826 1.101 45.303 26.82 98.261 26.82s96.435-25.719 98.261-26.82c4.028-2.415 5.342-7.654 2.918-11.691-2.406-4.036-7.629-5.367-11.699-2.944-0.41 0.239-41.387 24.388-89.481 24.388s-89.071-24.149-89.481-24.388c-4.068-2.424-9.282-1.093-11.697 2.944z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.4 KiB |
BIN
src/images/alien.webp
Normal file
BIN
src/images/alien.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
@ -97,7 +97,7 @@ main {
|
||||
min-width: 60%;
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
z-index: 1;
|
||||
z-index: 3000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
header {
|
||||
height: 72px;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
z-index: 10000;
|
||||
|
||||
>div {
|
||||
display: flex;
|
||||
|
||||
@ -30,176 +30,9 @@ solid-display>div {
|
||||
}
|
||||
}
|
||||
|
||||
.send-display {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
|
||||
&::before {
|
||||
margin-top: 4px;
|
||||
margin-right: 0.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.button-modify-picture {
|
||||
position: absolute;
|
||||
bottom: 51px;
|
||||
right: 30px;
|
||||
z-index: 1;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.button-modify-profile {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
right: 40px;
|
||||
z-index: 1;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.button-modify-skill {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 40px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.counter>div:nth-child(1) {
|
||||
display: block !important;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 20px;
|
||||
margin-left: 10px;
|
||||
|
||||
&::before {
|
||||
border-top: 1px solid #807A7A;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
opacity: 0.2;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
&>span {
|
||||
padding: 0 18.5px 0 21.5px;
|
||||
background: #F6F6F6;
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
color: var(--color-heading);
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination nav {
|
||||
display: grid;
|
||||
font-size: 20px;
|
||||
margin-top: 56px;
|
||||
grid-template-columns: auto 7% auto;
|
||||
grid-template-rows: auto;
|
||||
grid-template-areas: "left middle right";
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
align-content: center;
|
||||
width: 100%;
|
||||
|
||||
@media(max-width: 768px) {
|
||||
grid-template-columns: auto 27% auto;
|
||||
}
|
||||
|
||||
>[data-id="prev"] {
|
||||
align-self: end;
|
||||
grid-area: left;
|
||||
justify-self: end;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
>[data-id="next"] {
|
||||
align-self: baseline;
|
||||
grid-area: right;
|
||||
justify-self: start;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
button {
|
||||
color: transparent;
|
||||
|
||||
&:before {
|
||||
background-color: var(--color-secondary);
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
|
||||
mask: url('/lib/solid-directory/dist/assets/arrow-left-circle.svg') 1% 1% / 1px 1px no-repeat;
|
||||
mask-size: cover;
|
||||
-webkit-mask: url('/lib/solid-directory/dist/assets/arrow-left-circle.svg') 1% 1% / 1px 1px no-repeat;
|
||||
-webkit-mask-size: cover;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
&:disabled::before {
|
||||
background-color: #5D7393;
|
||||
opacity: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
color: #5D7393;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
line-height: 27px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Member-profile */
|
||||
#member-profile .send-message {
|
||||
right: 20px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#member-profile .member-bio,
|
||||
#profile .member-bio {
|
||||
|
||||
@media (min-width: 768.01px) {
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-location-pin::before,
|
||||
.icon-bell::before {
|
||||
margin-left: -3px;
|
||||
}
|
||||
|
||||
#member-profile,
|
||||
#solid-profile-my-profile {
|
||||
.avatar {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.member-bio {
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Job-offers */
|
||||
.job-edit {
|
||||
|
||||
@ -47,6 +47,11 @@ nav#main__menu {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.menu-chevron {
|
||||
float: right;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
|
||||
/* Ellipsis */
|
||||
.ellipsis {
|
||||
@ -71,6 +76,10 @@ nav#main__menu {
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.divider {
|
||||
height: 1px;
|
||||
background-color: #D7DBE0;
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
div.padding-top-xlarge.padding-right-xsmall.padding-bottom-xlarge.padding-left-xsmall.sm-padding-top-medium.whitespace-normal
|
||||
div.padding-top-xlarge.padding-right-xsmall.padding-bottom-xlarge.padding-left-xsmall.sm-padding-top-medium.bg-color-grey.whitespace-normal
|
||||
solid-dashboard(
|
||||
data-src=`${endpoints.dashboards || endpoints.get.dashboards}`
|
||||
)
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey
|
||||
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title')
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title')
|
||||
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
|
||||
div#loader-circles-create.loader.loader-top
|
||||
|
||||
@ -19,9 +19,8 @@ solid-router(default-route='admin-circle-list', hidden)
|
||||
|
||||
class-segment2='segment lg-three-quarter margin-left-xsmall'
|
||||
class-line1='block'
|
||||
class-name='text-semibold text-color-heading text-sub'
|
||||
class-line2='block'
|
||||
class-username=''
|
||||
class-name='text-small text-semibold text-color-heading text-sub'
|
||||
class-line2='block text-xsmall'
|
||||
|
||||
widget-account.picture='hubl-user-avatar'
|
||||
|
||||
@ -29,7 +28,7 @@ solid-router(default-route='admin-circle-list', hidden)
|
||||
)
|
||||
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
|
||||
h2.lg-margin-none.sm-margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.list.title')
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.list.title')
|
||||
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-normal.whitespace-normal
|
||||
|
||||
@ -80,11 +79,11 @@ solid-router(default-route='admin-circle-list', hidden)
|
||||
fields='cell1(circle.name, circle.description), cell2(circle.owner), cell3(leaveButton)'
|
||||
loader-id='loader-admin-circles'
|
||||
|
||||
class-cell1='segment table-cell padding-xsmall lg-third text-left text-top'
|
||||
class-cell2='segment table-cell padding-top-xsmall padding-right-xlarge padding-bottom-xsmall padding-left-xlarge lg-third text-center text-left'
|
||||
class-cell3='segment table-cell padding-xsmall lg-third text-center'
|
||||
class-cell1='segment table-cell lg-third text-left text-top'
|
||||
class-cell2='segment table-cell lg-third text-center text-left'
|
||||
class-cell3='segment table-cell lg-third text-center'
|
||||
|
||||
class-circle.name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline'
|
||||
class-circle.name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline ellipsis'
|
||||
|
||||
action-leaveButton="joinButton"
|
||||
widget-leaveButton="hubl-admin-circle-leave-button"
|
||||
@ -120,11 +119,11 @@ solid-router(default-route='admin-circle-list', hidden)
|
||||
fields='cell1(name, description), cell2(owner), cell3(members)'
|
||||
loader-id='loader-admin-circles'
|
||||
|
||||
class-cell1='segment table-cell padding-xsmall lg-third text-left text-top'
|
||||
class-cell2='segment table-cell padding-top-xsmall padding-right-xlarge padding-bottom-xsmall padding-left-xlarge lg-third text-center text-left'
|
||||
class-cell3='segment table-cell padding-xsmall lg-third text-center'
|
||||
class-cell1='segment table-cell lg-third text-left text-top'
|
||||
class-cell2='segment table-cell lg-third text-center text-left'
|
||||
class-cell3='segment table-cell lg-third text-center'
|
||||
|
||||
class-name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline'
|
||||
class-name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline ellipsis'
|
||||
|
||||
widget-owner='hubl-circle-owner'
|
||||
widget-members="hubl-admin-circle-join-button"
|
||||
|
||||
@ -16,7 +16,7 @@ solid-widget(name='hubl-action-community')
|
||||
|
||||
#admin-communities-list(hidden, data-view="admin-communities-list")
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
|
||||
h2.lg-margin-none.sm-margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
|
||||
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
|
||||
|
||||
@ -36,10 +36,10 @@ solid-widget(name='hubl-action-community')
|
||||
fields='cell1(community.name), cell2(community)'
|
||||
loader-id='loader-admin-community'
|
||||
|
||||
class-cell1='segment table-cell padding-medium lg-half text-center'
|
||||
class-cell2='segment table-cell padding-medium lg-half text-center'
|
||||
class-cell1='segment table-cell lg-half text-center'
|
||||
class-cell2='segment table-cell lg-half text-center'
|
||||
|
||||
class-community.name='text-xlarge text-color-heading text-semibold text-letter-spacing-large'
|
||||
class-community.name='text-xlarge text-color-heading text-semibold text-letter-spacing-large ellipsis'
|
||||
widget-community='hubl-action-community'
|
||||
|
||||
order-asc='community.name'
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey
|
||||
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.create.title')
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.create.title')
|
||||
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
|
||||
div#loader-projects-create.loader.loader-top
|
||||
|
||||
@ -9,7 +9,7 @@ solid-router(default-route='admin-project-list', hidden)
|
||||
#admin-project-list(hidden, data-view="admin-project-list")
|
||||
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
|
||||
h2.lg-margin-none.sm-margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.list.title')
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.list.title')
|
||||
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
|
||||
|
||||
@ -59,9 +59,8 @@ solid-router(default-route='admin-project-list', hidden)
|
||||
|
||||
class-segment2='segment lg-three-quarter margin-left-xsmall'
|
||||
class-line1='block'
|
||||
class-name='text-semibold text-color-heading text-sub'
|
||||
class-line2='block'
|
||||
class-username=''
|
||||
class-name='text-small text-semibold text-color-heading text-sub'
|
||||
class-line2='block text-xsmall'
|
||||
|
||||
widget-account.picture='hubl-user-avatar'
|
||||
|
||||
@ -96,12 +95,12 @@ solid-router(default-route='admin-project-list', hidden)
|
||||
fields='cell1(project.customer.name, project.name), cell2(project.members), cell3(project.captain), cell4(leaveButton)'
|
||||
loader-id='loader-admin-projects'
|
||||
|
||||
class-cell1='segment table-cell padding-xsmall lg-quarter text-left'
|
||||
class-cell2='segment table-cell padding-xsmall lg-quarter text-left'
|
||||
class-cell3='segment table-cell padding-top-xsmall padding-right-small padding-bottom-xsmall padding-left-small lg-quarter text-left'
|
||||
class-cell4='segment table-cell padding-xsmall lg-quarter text-center'
|
||||
class-cell1='segment table-cell lg-quarter text-left'
|
||||
class-cell2='segment table-cell lg-quarter text-left'
|
||||
class-cell3='segment table-cell lg-quarter text-left'
|
||||
class-cell4='segment table-cell lg-quarter text-center'
|
||||
|
||||
class-project.customer.name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline'
|
||||
class-project.customer.name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline ellipsis'
|
||||
|
||||
action-leaveButton="joinButton"
|
||||
widget-leaveButton="hubl-admin-project-leave-button"
|
||||
@ -140,12 +139,12 @@ solid-router(default-route='admin-project-list', hidden)
|
||||
fields='cell1(customer.name, name), cell2(members), cell3(captain), cell4(joinButton)'
|
||||
loader-id='loader-admin-projects'
|
||||
|
||||
class-cell1='segment table-cell padding-xsmall lg-quarter text-left'
|
||||
class-cell2='segment table-cell padding-xsmall lg-quarter text-left'
|
||||
class-cell3='segment table-cell padding-top-xsmall padding-right-small padding-bottom-xsmall padding-left-small lg-quarter text-left'
|
||||
class-cell4='segment table-cell padding-xsmall lg-quarter text-center'
|
||||
class-cell1='segment table-cell lg-quarter text-left'
|
||||
class-cell2='segment table-cell lg-quarter text-left'
|
||||
class-cell3='segment table-cell lg-quarter text-left'
|
||||
class-cell4='segment table-cell lg-quarter text-center'
|
||||
|
||||
class-customer.name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline'
|
||||
class-customer.name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline ellpsis'
|
||||
|
||||
action-joinButton="joinButton" # Workaround: I need members two times
|
||||
widget-joinButton="hubl-admin-project-join-button"
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.padding-large.border-bottom.border-color-grey
|
||||
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
|
||||
|
||||
|
||||
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
|
||||
|
||||
@ -95,15 +95,15 @@ div.segment.lg-full.padding-large.whitespace-normal
|
||||
fields='cell(segment1(user.account.picture), segment2(line1(user.name, is_admin), line2(atom, user.communities))), self'
|
||||
loader-id='loader-circle-edit'
|
||||
|
||||
class-cell='segment table-cell padding-top-xsmall padding-right-medium padding-bottom-xsmall padding-left-medium lg-two-third labelled-avatar two-lines text-left'
|
||||
class-self='segment table-cell padding-top-xsmall padding-right-medium padding-bottom-xsmall padding-left-medium lg-third text-center'
|
||||
class-cell='segment table-cell lg-two-third labelled-avatar two-lines text-left'
|
||||
class-self='segment table-cell lg-third text-center'
|
||||
|
||||
class-segment1='segment'
|
||||
class-user.account.picture='avatar'
|
||||
|
||||
class-segment2='segment lg-three-quarter margin-left-xsmall'
|
||||
class-line1='block'
|
||||
class-user.name='text-semibold text-color-heading text-sub'
|
||||
class-user.name='text-small text-semibold text-color-heading text-sub'
|
||||
class-is_admin='segment margin-left-medium tag color-primary'
|
||||
class-line2='block'
|
||||
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
|
||||
@ -120,4 +120,4 @@ div.segment.lg-full.padding-large.whitespace-normal
|
||||
)
|
||||
|
||||
//- Only to show the table grid
|
||||
div.segment.padding-top-xsmall.padding-right-medium.padding-bottom-xsmall.padding-left-medium.table-cell.lg-third
|
||||
div.segment.table-cell.lg-third
|
||||
|
||||
@ -109,7 +109,7 @@ solid-router(default-route='circle-profile', hidden)
|
||||
|
||||
class-segment2='segment lg-three-quarter margin-left-xsmall'
|
||||
class-line1='block'
|
||||
class-user.name='text-semibold text-color-heading text-sub'
|
||||
class-user.name='text-small text-semibold text-color-heading text-sub'
|
||||
class-line2='block'
|
||||
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
|
||||
class-user.communities='lg-full'
|
||||
|
||||
@ -46,16 +46,16 @@ div
|
||||
li.segment.padding-small.border-bottom.border-color-grey
|
||||
div(data-trans='header.admin')
|
||||
ul.text-normal
|
||||
if (endpoints.users || (endpoints.get && endpoints.get.users))
|
||||
solid-route.text-hover(name='admin-communities')
|
||||
if endpoints.get.users
|
||||
solid-link.text-hover(next='admin-communities')
|
||||
li.segment.padding-top-small
|
||||
a.icon.icon-people.icon-third.icon-small.icon-margin-right-xsmall(data-trans='admin.menuRight.community')
|
||||
if endpoints.circles || (endpoints.get && endpoints.get.circles)
|
||||
solid-route.text-hover(name='admin-circles')
|
||||
if endpoints.get.circles
|
||||
solid-link.text-hover(next='admin')
|
||||
li.segment.padding-top-small
|
||||
a.icon.icon-globe.icon-third.icon-small.icon-margin-right-xsmall(data-trans='admin.menuRight.circles')
|
||||
if endpoints.projects || (endpoints.get && endpoints.get.projects)
|
||||
solid-route.text-hover(name='admin-projects')
|
||||
if endpoints.get.projects
|
||||
solid-link.text-hover(next='admin-projects')
|
||||
li.segment.padding-top-small
|
||||
a.icon.icon-folder-alt.icon-third.icon-small.icon-margin-right-xsmall(data-trans='admin.menuRight.projects')
|
||||
li.border-bottom.border-color-grey
|
||||
|
||||
@ -102,52 +102,50 @@ solid-widget(name='hubl-menu-fix-url-project')
|
||||
|
||||
|
||||
solid-router#navbar-router(default-route='dashboard')
|
||||
if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
|
||||
if endpoints.get.dashboards
|
||||
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='dashboard')
|
||||
div.segment.margin-right-xxsmall
|
||||
div.icon.icon-small.icon-home
|
||||
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.dashboard")
|
||||
div.divider
|
||||
if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
|
||||
if publicDirectory && endpoints.get.users
|
||||
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='members')
|
||||
div.segment.margin-right-xxsmall
|
||||
div.icon.icon-small.icon-people
|
||||
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory")
|
||||
div.divider
|
||||
if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
|
||||
if endpoints.get.joboffers
|
||||
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='job-offers', rdf-type='hd:joboffer')
|
||||
div.segment.margin-right-xxsmall
|
||||
div.segment.icon.icon-small.icon-briefcase
|
||||
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.jobBoard")
|
||||
div.divider
|
||||
if endpoints.resources || (endpoints.get && endpoints.get.resources)
|
||||
if endpoints.get.resources
|
||||
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='resources')
|
||||
div.segment.margin-right-xxsmall
|
||||
div.segment.icon.icon-small.icon-docs
|
||||
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.resources")
|
||||
div.divider
|
||||
if endpoints.polls || (endpoints.get && endpoints.get.polls)
|
||||
if endpoints.get.polls
|
||||
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='polls')
|
||||
div.segment.margin-right-xxsmall
|
||||
div.segment.icon.icon-small.icon-bubbles
|
||||
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.gov")
|
||||
div.divider
|
||||
if endpoints.events || (endpoints.get && endpoints.get.events)
|
||||
if endpoints.get.events
|
||||
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='events')
|
||||
div.segment.margin-right-xxsmall
|
||||
div.segment.icon.icon-small.icon-calendar
|
||||
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.events")
|
||||
div.divider
|
||||
if endpoints.projects || (endpoints.get && endpoints.get.projects)
|
||||
if endpoints.get.projects
|
||||
div.menu-wrapper
|
||||
solid-link.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
|
||||
//- (next='admin-project-list')
|
||||
solid-link.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(next='admin-project-list')
|
||||
div.segment.margin-right-xxsmall
|
||||
div.segment.icon.icon-small.icon-folder-alt
|
||||
div.segment.lg-three-quarter.sm-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.projects")
|
||||
div.menu-chevron.segment
|
||||
div.icon-arrow-up
|
||||
//- div.menu-icon.icon-arrow-right-circle
|
||||
div.icon-arrow-right-circle
|
||||
solid-route(name='project', rdf-type='hd:project', use-id='', hidden)
|
||||
div.sub-menu.menu-notification
|
||||
div#loader-projects.loader.loader-menu
|
||||
@ -167,16 +165,14 @@ solid-router#navbar-router(default-route='dashboard')
|
||||
order-asc="project.customer.name"
|
||||
)
|
||||
div.divider
|
||||
if endpoints.circles || (endpoints.get && endpoints.get.circles)
|
||||
if endpoints.get.circles
|
||||
div.menu-wrapper
|
||||
solid-link.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
|
||||
//- (next='admin-circle-list')
|
||||
solid-link.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(next='admin-circle-list')
|
||||
div.segment.margin-right-xxsmall
|
||||
div.segment.icon.icon-small.icon-folder-alt
|
||||
div.segment.lg-three-quarter.sm-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.circles")
|
||||
div.menu-chevron.segment
|
||||
div.icon-arrow-up
|
||||
//- div.menu-icon.icon-arrow-right-circle
|
||||
div.menu-icon.icon-arrow-right-circle
|
||||
solid-route(name='circle', rdf-type='hd:circle', use-id='', hidden)
|
||||
div.sub-menu.menu-notification
|
||||
div#loader-circles.loader.loader-menu
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
solid-notifications-template(data-rdf-type='hd:circle')
|
||||
template
|
||||
.solid-notification__avatar
|
||||
| ${await author['account.foaf:depiction'] ? `<img src="${await author['account.foaf:depiction']}" style="max-width:100%; max-height: 100%;" />` : `<object type="image/svg+xml" data="/images/alien.svg"></object>`}
|
||||
| ${await author['account.foaf:depiction'] ? `<img src="${await author['account.foaf:depiction']}" style="max-width:100%; max-height: 100%;" />` : `<img src="/images/alien.webp" />`}
|
||||
.solid-notification__content
|
||||
.solid-notification__title ${await author.name}
|
||||
span.solid-notification__title__side
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
solid-notifications-template(data-rdf-type='foaf:user')
|
||||
template
|
||||
.solid-notification__avatar
|
||||
| ${await author['account.foaf:depiction'] ? `<img src="${await author['account.foaf:depiction']}" style="max-width:100%; max-height: 100%;" />` : `<object type="image/svg+xml" data="/images/alien.svg"></object>`}
|
||||
| ${await author['account.foaf:depiction'] ? `<img src="${await author['account.foaf:depiction']}" style="max-width:100%; max-height: 100%;" />` : `<img src="/images/alien.webp" />`}
|
||||
.solid-notification__content
|
||||
.solid-notification__title ${await author.name}
|
||||
span.solid-notification__title__side(data-trans='notification.private.private')
|
||||
|
||||
@ -103,15 +103,15 @@ div.segment.lg-full.padding-large.whitespace-normal
|
||||
fields='cell(segment1(user.account.picture), segment2(line1(user.name, is_admin), line2(atom, user.communities))), self'
|
||||
loader-id='loader-project-edit'
|
||||
|
||||
class-cell='segment table-cell padding-top-xsmall padding-right-medium padding-bottom-xsmall padding-left-medium lg-two-third labelled-avatar two-lines text-left'
|
||||
class-self='segment table-cell padding-top-xsmall padding-right-medium padding-bottom-xsmall padding-left-medium lg-third text-center'
|
||||
class-cell='segment table-cell lg-two-third labelled-avatar two-lines text-left'
|
||||
class-self='segment table-cell lg-third text-center'
|
||||
|
||||
class-segment1='segment'
|
||||
class-user.account.picture='avatar'
|
||||
|
||||
class-segment2='segment lg-three-quarter margin-left-xsmall'
|
||||
class-line1='block'
|
||||
class-user.name='text-semibold text-color-heading text-sub'
|
||||
class-user.name='text-small text-semibold text-color-heading text-sub'
|
||||
class-is_admin='segment margin-left-medium tag color-primary'
|
||||
class-line2='block'
|
||||
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
|
||||
|
||||
@ -105,7 +105,7 @@ solid-router(default-route='project-profile', hidden)
|
||||
|
||||
class-segment2='segment lg-three-quarter margin-left-xsmall'
|
||||
class-line1='block'
|
||||
class-user.name='text-semibold text-color-heading text-sub'
|
||||
class-user.name='text-small text-semibold text-color-heading text-sub'
|
||||
class-line2='block'
|
||||
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
|
||||
class-user.communities='lg-full'
|
||||
|
||||
@ -13,7 +13,7 @@ solid-widget(name='hubl-captain')
|
||||
|
||||
class-segment2='segment lg-three-quarter margin-left-xsmall'
|
||||
class-line1='block'
|
||||
class-name='text-semibold text-color-heading text-sub'
|
||||
class-name='text-small text-semibold text-color-heading text-sub'
|
||||
class-line2='block'
|
||||
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
|
||||
class-communities='lg-full'
|
||||
|
||||
@ -1,2 +1,2 @@
|
||||
solid-widget(name='hubl-user-avatar')
|
||||
template ${value ? `<img src="${value}" />` : `<object type="image/svg+xml" data="/images/alien.svg"></object>`}
|
||||
template ${value ? `<img src="${value}" />` : `<img src="/images/alien.webp" />`}
|
||||
Loading…
Reference in New Issue
Block a user