autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

minor: Implement core 0.10

Browse Source
This commit is contained in:
Jean-Baptiste Pasquier
2020-06-18 20:02:54 +02:00
parent 772c65dfe1
commit 2ae8db7429
61 changed files with 439 additions and 534 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/base/form.scss
View File

@ -100,13 +100,13 @@ textarea {
&.with-form {
/*sib-set-default:not([name='user-thumb']) {
/*solid-set-default:not([name='user-thumb']) {
clear: both;
display: flex!important;
flex-wrap: wrap;
max-width: 100%;
sib-form-label-text {
solid-form-label-text {
float: left;
width: 50%;
}
@ -114,7 +114,7 @@ textarea {
}
}
/*sib-form[set-user-id-select] {
/*solid-form[set-user-id-select] {
input[type="submit"] {
margin-left: 0;
@ -129,7 +129,7 @@ textarea {
/* WIDGETS SIB (let in .content-box to override default styles) */
sib-form-auto-completion,
solid-form-auto-completion,
hubl-status {
.ss-main {
@ -205,7 +205,7 @@ hubl-status {
}
/* End */
sib-form-date {
solid-form-date {
input[type="date"] {
background-image: url("/images/calendar.svg");
background-position: right 12px top 50%;
@ -239,7 +239,7 @@ sib-form-date {
}
}
sib-form-file {
solid-form-file {
div {
display: flex;
@ -287,13 +287,13 @@ sib-form-file {
}
}
/*sib-multiple-select {
/*solid-multiple-select {
&.select-skills .ss-values .ss-disabled::before {
content: "Select skills";
}
sib-form-auto-completion > label {
solid-form-auto-completion > label {
display: flex;
flex-direction: column;
@ -377,7 +377,7 @@ hubl-member-form {
margin-bottom: 1rem;
}
sib-form-auto-completion {
solid-form-auto-completion {
float: left;
}

8
src/styles/base/header.scss
View File

@ -40,7 +40,7 @@
}
/* To remove the place taken by this element */
sib-widget[name='hubl-user-avatar'] {
solid-widget[name='hubl-user-avatar'] {
display: contents;
}
}
@ -176,7 +176,7 @@ sib-notifications {
}
}
sib-display-value[name='first_name'] {
solid-display-value[name='first_name'] {
@include icon('arrow-down');
align-items: center;
display: none;
@ -224,7 +224,7 @@ sib-notifications {
li {
sib-link {
solid-link {
color: var(--color-grey-4);
display: block;
border-bottom: 1px solid var(--color-user-panel-list-border);
@ -259,7 +259,7 @@ sib-notifications {
div {
sib-display-value[name='first_name'] {
solid-display-value[name='first_name'] {
@include icon('close');
&::before {

22
src/styles/base/main.scss
View File

@ -22,8 +22,8 @@
}
}
/* Fix for sib-dashboard fixture */
sib-dashboard section {
/* Fix for solid-dashboard fixture */
solid-dashboard section {
padding: 1rem !important;
@include breakpoint(lg) {
@ -322,14 +322,14 @@ h5 {
}
}
sib-display {
solid-display {
@include breakpoint(sm) {
float: left;
}
}
/* For sib-display on project, circle, or private message view */
sib-display {
/* For solid-display on project, circle, or private message view */
solid-display {
width: calc(100% - 94px); /* 94px = width of .mobile-sidebar-button */
div {
@ -394,7 +394,7 @@ h5 {
max-width: 75%;
}
sib-link {
solid-link {
font-size: 2.7rem;
position: absolute;
right: 32px;
@ -430,8 +430,8 @@ h5 {
}
}
sib-ac-checker,
sib-link {
solid-ac-checker,
solid-link {
width: 100%;
@include breakpoint(lg) {
@ -516,9 +516,9 @@ h5 {
@import 'user-thumb';
// Button global CSS
sib-delete,
sib-route,
sib-link,
solid-delete,
solid-route,
solid-link,
button,
input[type='submit'],
a,

51
src/styles/base/menu-left.scss
View File

@ -11,7 +11,7 @@
font-weight: bolder;
}
sib-router {
solid-router {
.menu-wrapper {
&.is-closed {
.sub-menu {
@ -24,7 +24,7 @@
}
}
sib-link {
solid-link {
width: 100%;
}
@ -42,7 +42,7 @@
background-color: var(--color-menu-icon-background-active);
}
.menu-notification>sib-display>div:first-child {
.menu-notification>solid-display>div:first-child {
background-color: var(--color-menu-badge-background);
}
}
@ -85,7 +85,7 @@
width: 2em;
}
>sib-display {
>solid-display {
display: block;
}
}
@ -94,9 +94,9 @@
/* Ellipsis for project tab */
.project-tab>div>sib-display>div:nth-child(1) {
.project-tab>div>solid-display>div:nth-child(1) {
sib-set-default[name='project'] {
solid-set-default[name='project'] {
flex: 3;
.project-customer,
@ -125,9 +125,9 @@
/* Ellipsis for circle tab */
.circle-tab>div>sib-display>div {
.circle-tab>div>solid-display>div {
sib-display-div[name='name'] {
solid-display-div[name='name'] {
flex: 3;
>div[name='name'] {
@ -147,7 +147,7 @@
/* Ellipsis for message tab */
.message-tab>div>sib-display>div>sib-display-div>div {
.message-tab>div>solid-display>div>solid-display-div>div {
box-sizing: border-box;
width: calc(80vw - 96px); /*96px = padding of the element + width and margin of counter */
@ -156,7 +156,7 @@
}
}
sib-display.nosub>sib-form[fields="name"]>hubl-search-users>input {
solid-display.nosub>solid-form[fields="name"]>hubl-search-users>input {
margin-left: 30px;
margin-bottom: 10px;
width: calc(80vw - 71px);
@ -169,11 +169,12 @@
@include breakpoint(lg) {
margin: auto;
margin-bottom: 10px;
width: auto;
}
}
sib-display.nosub>nav {
solid-display.nosub>nav {
text-align: center;
overflow: hidden;
display: grid;
@ -209,18 +210,18 @@
}
}
>sib-display.nosub>div>sib-display>div {
>solid-display.nosub>div>solid-display>div {
padding: 1rem 1rem 1rem 3rem;
}
sib-display>div {
solid-display>div {
.create {
color: var(--color-white);
margin: 1rem 1rem 2.2rem 3.2rem;
}
&>sib-display {
&>solid-display {
&:last-child>div {
margin-bottom: 2.2rem;
}
@ -229,8 +230,8 @@
color: var(--color-grey-6);
cursor: pointer;
>hubl-menu-fix-url-circle>sib-display>div,
>hubl-menu-fix-url-project>sib-display>div {
>hubl-menu-fix-url-circle>solid-display>div,
>hubl-menu-fix-url-project>solid-display>div {
padding: 1rem 1rem 1rem 3rem;
}
}
@ -240,9 +241,9 @@
}
}
&>sib-display[active]>div,
&>sib-display>div>hubl-menu-fix-url-circle>sib-display[active]>div,
&>sib-display>div>hubl-menu-fix-url-project>sib-display[active]>div {
&>solid-display[active]>div,
&>solid-display>div>hubl-menu-fix-url-circle>solid-display[active]>div,
&>solid-display>div>hubl-menu-fix-url-project>solid-display[active]>div {
background-color: var(--color-menu-highlight-primary);
color: var(--color-menu-text-active);
font-weight: bold;
@ -251,14 +252,14 @@
&.menu-notification {
>sib-display>div>sib-display>div>hubl-menu-fix-url-circle,
>sib-display>div>sib-display>div>hubl-menu-fix-url-project {
>solid-display>div>solid-display>div>hubl-menu-fix-url-circle,
>solid-display>div>solid-display>div>hubl-menu-fix-url-project {
flex: 1;
}
>sib-display>div>sib-display>div,
>sib-display>div>sib-display>div>hubl-menu-fix-url-circle>sib-display>div,
>sib-display>div>sib-display>div>hubl-menu-fix-url-project>sib-display>div {
>solid-display>div>solid-display>div,
>solid-display>div>solid-display>div>hubl-menu-fix-url-circle>solid-display>div,
>solid-display>div>solid-display>div>hubl-menu-fix-url-project>solid-display>div {
display: flex;
justify-content: space-between;
}
@ -293,7 +294,7 @@
}
// Temporary fix for badges
sib-fix-badge {
solid-fix-badge {
display: none;
box-sizing: border-box;
font-family: sans-serif;

6
src/styles/base/table.scss
View File

@ -37,7 +37,7 @@
&>div {
display: contents;
&>sib-display {
&>solid-display {
display: table-row;
&>div {
@ -51,7 +51,7 @@
}
}
&>sib-multiple {
&>solid-multiple {
display: contents;
&>div {
@ -183,7 +183,7 @@
}
}
.table sib-ac-checker {
.table solid-ac-checker {
text-align: center;
}