From 08c3b0bff8deda59fe29675a536d20dbe7c3fe1f Mon Sep 17 00:00:00 2001
From: Gaelle Morin <morin.gaelle@gmail.com>
Date: Mon, 10 Dec 2018 15:31:25 +0100
Subject: [PATCH] search fields: wip
---
src/page-job-offers.pug | 3 ++-
src/styles/content.scss | 20 +++++++++++++-------
src/styles/main.scss | 20 ++++++++++++++++++++
3 files changed, 35 insertions(+), 8 deletions(-)
diff --git a/src/page-job-offers.pug b/src/page-job-offers.pug
index 466c96a1..e31233e4 100644
--- a/src/page-job-offers.pug
+++ b/src/page-job-offers.pug
@@ -11,7 +11,8 @@ div.grid-layer
set-date='closingDate, creationDate',
widget-closingDate='hdapp-closing-date',
set-content='title, description',
- search-fields='content,skills,open'
+ search-fields='content,skills,open',
+ label-content='contenu',
search-range-skills=`${sdn}/skills/`,
)
div.grid-layer-links.containerV
diff --git a/src/styles/content.scss b/src/styles/content.scss
index e0c8f23c..9a9c94aa 100644
--- a/src/styles/content.scss
+++ b/src/styles/content.scss
@@ -320,23 +320,29 @@ hdapp-available {
}
}
#offers-list > sib-form > form {
+ //display: grid;
+ //grid-template-columns: 50% 50%;
+ //grid-template-rows: 3.5em 3.5em;
+ background-color: orangered;
display: grid;
- grid-template-columns: 50% 50%;
- grid-template-rows: 3.5em 3.5em;
+ grid-template-columns: 1fr 1fr;
+ grid-gap: 20px;
sib-form-label-text {
display: flex;
+ flex-direction: column;
}
label {
- flex-basis: 5em;
- flex-shrink: 0;
+ //flex-basis: 5em;
+ //flex-shrink: 0;
+ display: block;
}
input, select {
- flex-grow: 1;
- min-width: 0;
- box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
+ //flex-grow: 1;
+ //min-width: 0;
+ //box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
}
input[type="submit"] {
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 15cf084b..de77aa37 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -294,3 +294,23 @@ sib-trigger.back {
grid-row-start: start;
grid-row-end: middle;
}
+
+sib-form-label-text {
+ background: aqua;
+}
+
+form {
+ background-color: orangered;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-gap: 20px;
+
+ label {
+ display: block;
+ }
+
+ input {
+ padding: 1em;
+ margin-top: 1em;
+ }
+}
--
GitLab