From 4ae77ede8731cb8d5c2d2480374f963909c97900 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Mon, 17 Jun 2019 14:55:56 +0200
Subject: [PATCH] simple css edition
---
src/dependencies.pug | 2 +-
src/styles/base/form.scss | 7 +-
src/styles/base/main.scss | 4 +
src/styles/components/filters.scss | 2 +-
src/styles/layout/job-offers/job-offers.scss | 178 ++++++++++---------
5 files changed, 108 insertions(+), 85 deletions(-)
diff --git a/src/dependencies.pug b/src/dependencies.pug
index 579fe53f..305ec0e2 100644
--- a/src/dependencies.pug
+++ b/src/dependencies.pug
@@ -22,4 +22,4 @@ script(type="module" src="https://unpkg.com/@startinblox/component-chat@0.1")
script(type="module" src="https://unpkg.com/@startinblox/component-notifications@0.1")
script(type="module" src="https://unpkg.com/@startinblox/component-conversation@0.2")
script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.1")
-script(type="module" src="https://unpkg.com/@startinblox/component-job-board@0.1")
+//-script(type="module" src="https://unpkg.com/@startinblox/component-job-board@0.1")
diff --git a/src/styles/base/form.scss b/src/styles/base/form.scss
index d50bbf07..18bb76e6 100644
--- a/src/styles/base/form.scss
+++ b/src/styles/base/form.scss
@@ -412,4 +412,9 @@ sib-form {
display: none;
}
}
-*/
\ No newline at end of file
+*/
+
+
+
+
+
diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss
index a64ec03d..a0fa3fea 100644
--- a/src/styles/base/main.scss
+++ b/src/styles/base/main.scss
@@ -7,6 +7,10 @@ $breakpoints: (phone: 480px,
display: none !important;
}
+sib-ac-checker[hidden] {
+ display: block !important;
+}
+
* {
outline: none;
}
diff --git a/src/styles/components/filters.scss b/src/styles/components/filters.scss
index 8c3d1c0a..dc1b60b9 100644
--- a/src/styles/components/filters.scss
+++ b/src/styles/components/filters.scss
@@ -53,7 +53,7 @@
}
.job-board, #members-list {
- sib-form {
+ sib-form[naked] {
@extend %filters;
}
}
diff --git a/src/styles/layout/job-offers/job-offers.scss b/src/styles/layout/job-offers/job-offers.scss
index b0329c00..0358905e 100644
--- a/src/styles/layout/job-offers/job-offers.scss
+++ b/src/styles/layout/job-offers/job-offers.scss
@@ -59,113 +59,127 @@ sib-job-board {
display: block;
font-size: 1.5rem;
margin: 1.7rem 0;
- padding: 3.4rem;
+
+ [name="offer-detail"] {
+ padding: 2.1rem;
+ border-bottom: 1px solid $color-210-17-91;
- [name='user-thumb'] {
- align-items: center;
- display: flex;
- margin: -0.25em;
+ [name='user-thumb'] {
+ align-items: center;
+ display: flex;
+ margin: -0.25em;
- >* {
- margin: 0.25em;
- }
+ >* {
+ margin: 0.25em;
+ }
- [name='author.first_name'] {
- color: $color-0-0-29;
- font-weight: 600;
- }
+ [name='author.first_name'] {
+ color: $color-0-0-29;
+ font-weight: 600;
+ }
- sib-multiple[name$='groups'] {
- display: flex;
+ sib-multiple[name$='groups'] {
+ display: flex;
- label {
- display: none;
+ label {
+ display: none;
+ }
+
+ >* {
+ @extend %user-role;
+ }
}
- >* {
- @extend %user-role;
+ author-avatar {
+ background-color: $color-0-0-100;
+ border-radius: 50%;
+ height: 4.25rem;
+ overflow: hidden;
+ position: relative;
+ width: 4.25rem;
+
+ img {
+ height: 100%;
+ left: 0;
+ object-fit: cover;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
}
}
- author-avatar {
- background-color: $color-0-0-100;
- border-radius: 50%;
- height: 4.25rem;
- overflow: hidden;
- position: relative;
- width: 4.25rem;
-
- img {
- height: 100%;
- left: 0;
- object-fit: cover;
- position: absolute;
- top: 0;
- width: 100%;
- }
+ [name='creationDate'] {
+ display: block;
+ margin-bottom: 0.7rem;
+ margin-top: 2rem;
}
- }
- [name='creationDate'] {
- display: block;
- margin-bottom: 0.7rem;
- margin-top: 2rem;
- }
+ [name='title'] {
+ @extend h3;
+ display: block;
+ font-weight: bold;
+ line-height: 19px;
+ }
- [name='title'] {
- @extend h3;
- display: block;
- font-weight: bold;
- line-height: 19px;
- }
+ [name='description'] {
+ display: block;
+ line-height: 1.6;
+ margin-bottom: 1.6rem;
+ }
- [name='description'] {
- display: block;
- line-height: 1.6;
- margin-bottom: 1.6rem;
- }
+ [name='skills'] {
+ label {
+ display: none;
+ }
+ }
+
+ author-contact {
+ color: $color-244-73-62;
+ font-size: 1.3rem;
+ float: right;
- [name='skills'] {
- label {
- display: none;
+ >sib-link {
+ cursor: pointer;
+ @include icon('speech');
+
+ &::before {
+ font-size: 1.5rem;
+ margin-right: 1.2rem;
+ }
+ }
}
- }
- author-contact {
- color: $color-244-73-62;
- font-size: 1.3rem;
- float: right;
+ [name='status'] {
+ float: right;
+ display: flex;
+ align-items: center;
+ margin: -0.25em;
- >sib-link {
- cursor: pointer;
- @include icon('speech');
+ >* {
+ margin: 0.25em;
+ }
- &::before {
- font-size: 1.5rem;
- margin-right: 1.2rem;
+ strong {
+ background-color: $color-244-73-62;
+ border: none;
+ border-radius: 100em;
+ color: $color-0-0-100;
+ display: inline-block;
+ font-weight: normal;
+ padding: 0.85rem 1.7rem;
}
}
}
- [name='status'] {
- float: right;
+ .sib-conversation,
+ .conversation > div {
display: flex;
- align-items: center;
- margin: -0.25em;
-
- >* {
- margin: 0.25em;
- }
+ flex-direction: column-reverse;
+ }
- strong {
- background-color: $color-244-73-62;
- border: none;
- border-radius: 100em;
- color: $color-0-0-100;
- display: inline-block;
- font-weight: normal;
- padding: 0.85rem 1.7rem;
- }
+ [name="dateCreated"] {
+ display: none;
}
}
}
--
GitLab