css aside

This commit is contained in:
2023-11-27 15:31:29 +01:00
parent 99d2f7a054
commit d6bd976a4c
12 changed files with 452 additions and 40 deletions
+227 -8
View File
@@ -1,9 +1,228 @@
# Local development services.
#
# To activate this feature, follow the instructions at the top of the
# 'example.settings.local.php' file, which sits next to this file.
parameters:
http.response.debug_cacheability_headers: true
services:
cache.backend.null:
class: Drupal\Core\Cache\NullBackendFactory
session.storage.options:
# Default ini options for sessions.
#
# Some distributions of Linux (most notably Debian) ship their PHP
# installations with garbage collection (gc) disabled. Since Drupal depends
# on PHP's garbage collection for clearing sessions, ensure that garbage
# collection occurs by using the most common settings.
# @default 1
gc_probability: 1
# @default 100
gc_divisor: 100
#
# Set session lifetime (in seconds), i.e. the grace period for session
# data. Sessions are deleted by the session garbage collector after one
# session lifetime has elapsed since the user's last visit. When a session
# is deleted, authenticated users are logged out, and the contents of the
# user's session is discarded.
# @default 200000
gc_maxlifetime: 200000
#
# Set session cookie lifetime (in seconds), i.e. the time from the session
# is created to the cookie expires, i.e. when the browser is expected to
# discard the cookie. The value 0 means "until the browser is closed".
# @default 2000000
cookie_lifetime: 2000000
#
# Drupal automatically generates a unique session cookie name based on the
# full domain name used to access the site. This mechanism is sufficient
# for most use-cases, including multi-site deployments. However, if it is
# desired that a session can be reused across different subdomains, the
# cookie domain needs to be set to the shared base domain. Doing so assures
# that users remain logged in as they cross between various subdomains.
# To maximize compatibility and normalize the behavior across user agents,
# the cookie domain should start with a dot.
#
# @default none
# cookie_domain: '.example.com'
#
# Set the SameSite cookie attribute: 'None', 'Lax', or 'Strict'. If set,
# this value will override the server value. See
# https://www.php.net/manual/en/session.security.ini.php for more
# information.
# @default no value
cookie_samesite: Lax
#
# Set the session ID string length. The length can be between 22 to 256. The
# PHP recommended value is 48. See
# https://www.php.net/manual/session.security.ini.php for more information.
# This value should be kept in sync with
# \Drupal\Core\Session\SessionConfiguration::__construct()
# @default 48
sid_length: 48
#
# Set the number of bits in encoded session ID character. The possible
# values are '4' (0-9, a-f), '5' (0-9, a-v), and '6' (0-9, a-z, A-Z, "-",
# ","). The PHP recommended value is 6. See
# https://www.php.net/manual/session.security.ini.php for more information.
# This value should be kept in sync with
# \Drupal\Core\Session\SessionConfiguration::__construct()
# @default 6
sid_bits_per_character: 6
twig.config:
# Twig debugging:
#
# When debugging is enabled:
# - The markup of each Twig template is surrounded by HTML comments that
# contain theming information, such as template file name suggestions.
# - Note that this debugging markup will cause automated tests that directly
# check rendered HTML to fail. When running automated tests, 'debug'
# should be set to FALSE.
# - The dump() function can be used in Twig templates to output information
# about template variables.
# - Twig templates are automatically recompiled whenever the source code
# changes (see auto_reload below).
#
# For more information about debugging Twig templates, see
# https://www.drupal.org/node/1906392.
#
# Enabling Twig debugging is not recommended in production environments.
# @default false
debug: true
# Twig auto-reload:
#
# Automatically recompile Twig templates whenever the source code changes.
# If you don't provide a value for auto_reload, it will be determined
# based on the value of debug.
#
# Enabling auto-reload is not recommended in production environments.
# @default null
auto_reload: null
# Twig cache:
#
# By default, Twig templates will be compiled and stored in the filesystem
# to increase performance. Disabling the Twig cache will recompile the
# templates from source each time they are used. In most cases the
# auto_reload setting above should be enabled rather than disabling the
# Twig cache.
#
# Disabling the Twig cache is not recommended in production environments.
# @default true
cache: true
# File extensions:
#
# List of file extensions the Twig system is allowed to load via the
# twig.loader.filesystem service. Files with other extensions will not be
# loaded unless they are added here. For example, to allow a file named
# 'example.partial' to be loaded, add 'partial' to this list. To load files
# with no extension, add an empty string '' to the list.
#
# @default ['css', 'html', 'js', 'svg', 'twig']
allowed_file_extensions:
- css
- html
- js
- svg
- twig
renderer.config:
# Renderer required cache contexts:
#
# The Renderer will automatically associate these cache contexts with every
# render array, hence varying every render array by these cache contexts.
#
# @default ['languages:language_interface', 'theme', 'user.permissions']
required_cache_contexts: ['languages:language_interface', 'theme', 'user.permissions']
# Renderer automatic placeholdering conditions:
#
# Drupal allows portions of the page to be automatically deferred when
# rendering to improve cache performance. That is especially helpful for
# cache contexts that vary widely, such as the active user. On some sites
# those may be different, however, such as sites with only a handful of
# users. If you know what the high-cardinality cache contexts are for your
# site, specify those here. If you're not sure, the defaults are fairly safe
# in general.
#
# For more information about rendering optimizations see
# https://www.drupal.org/developing/api/8/render/arrays/cacheability#optimizing
auto_placeholder_conditions:
# Max-age at or below which caching is not considered worthwhile.
#
# Disable by setting to -1.
#
# @default 0
max-age: 0
# Cache contexts with a high cardinality.
#
# Disable by setting to [].
#
# @default ['session', 'user']
contexts: ['session', 'user']
# Tags with a high invalidation frequency.
#
# Disable by setting to [].
#
# @default []
tags: []
# Renderer cache debug:
#
# Allows cache debugging output for each rendered element.
#
# Enabling render cache debugging is not recommended in production
# environments.
# @default false
debug: false
# Cacheability debugging:
#
# Responses with cacheability metadata (CacheableResponseInterface instances)
# get X-Drupal-Cache-Tags, X-Drupal-Cache-Contexts and X-Drupal-Cache-Max-Age
# headers.
#
# For more information about debugging cacheable responses, see
# https://www.drupal.org/developing/api/8/response/cacheable-response-interface
#
# Enabling cacheability debugging is not recommended in production
# environments.
# @default false
http.response.debug_cacheability_headers: false
factory.keyvalue: {}
# Default key/value storage service to use.
# @default keyvalue.database
# default: keyvalue.database
# Collection-specific overrides.
# state: keyvalue.database
factory.keyvalue.expirable: {}
# Default key/value expirable storage service to use.
# @default keyvalue.database.expirable
# default: keyvalue.database.expirable
# Allowed protocols for URL generation.
filter_protocols:
- http
- https
- ftp
- news
- nntp
- tel
- telnet
- mailto
- irc
- ssh
- sftp
- webcal
- rtsp
# Configure Cross-Site HTTP requests (CORS).
# Read https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS
# for more information about the topic in general.
# Note: By default the configuration is disabled.
cors.config:
enabled: false
# Specify allowed headers, like 'x-allowed-header'.
allowedHeaders: []
# Specify allowed request methods, specify ['*'] to allow all possible ones.
allowedMethods: []
# Configure requests allowed from specific origins. Do not include trailing
# slashes with URLs.
allowedOrigins: ['*']
# Sets the Access-Control-Expose-Headers header.
exposedHeaders: false
# Sets the Access-Control-Max-Age header.
maxAge: false
# Sets the Access-Control-Allow-Credentials header.
supportsCredentials: false
queue.config:
# The maximum number of seconds to wait if a queue is temporarily suspended.
# This is not applicable when a queue is suspended but does not specify
# how long to wait before attempting to resume.
suspendMaximumWait: 30
+65 -13
View File
@@ -2,7 +2,7 @@
/*reha*/
/*global*/
/* Colors used for REHA */
.field--type-link, .field--type-file, .links, .create-account-link, .request-password-link {
.field--type-link, .field--type-file, .links, .create-account-link, .request-password-link, .views-field-edit-node, .views-field-edit-user, .layout-sidebar-first #block-reha-phase1 footer {
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
@@ -20,6 +20,15 @@
.create-account-link {
width: 80%; }
.views-field-edit-node {
width: fit-content; }
.views-field-edit-user {
width: fit-content; }
#edit-unlock {
display: none; }
.mailto {
text-decoration: underline; }
@@ -110,7 +119,6 @@
font-family: 'Marianne';
font-weight: 400;
font-style: normal;
margin: none;
top: 0%;
left: 0%;
width: 100%;
@@ -119,19 +127,27 @@
flex-flow: row wrap; }
.layout-container header {
flex: 0 0 100%; }
.layout-container main {
position: relative; }
.layout-container footer {
flex: 0 0 100%; }
.layout-content {
order: 2;
padding-top: 3rem;
padding-bottom: 6rem;
width: 60%;
width: 70%;
margin: auto; }
aside {
width: 20%;
order: 1;
margin-top: 5rem;
margin-left: 10rem; }
main {
width: 100%; }
width: 100%;
display: flex;
flex-direction: row;
position: relative; }
.main-content {
margin-top: 7rem; }
@@ -148,6 +164,12 @@ a {
:visited {
color: black; }
html.js body {
margin: 0 !important; }
html.js body div.dialog-off-canvas-main-canvas div.layout-container {
margin: 0 !important; }
/*partials*/
header {
display: block;
@@ -282,6 +304,12 @@ header {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 45%; }
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul {
width: 70%;
display: flex;
flex-direction: column; }
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul li {
margin-bottom: 3rem; }
header .bouton {
align-self: flex-end;
width: fit-content; }
@@ -351,7 +379,8 @@ label {
padding-bottom: 0.5rem; }
input {
height: 2rem; }
height: 2rem;
width: 50%; }
.form-submit {
background-color: white;
@@ -361,7 +390,8 @@ input {
height: 5rem !important;
margin-bottom: 1rem;
font-size: 1.3rem;
font-weight: 300; }
font-weight: 300;
width: fit-content; }
#user-login-form .form-item {
flex-direction: row;
@@ -369,6 +399,25 @@ input {
#user-login-form .form-item label {
padding-right: 0.5rem; }
.layout-sidebar-first #block-reha-phase1 {
border: solid #fdc300 1px;
font-weight: 800;
padding: 1rem;
width: 80%; }
.layout-sidebar-first #block-reha-phase1 h2 {
margin-top: 0;
margin-bottom: 0;
text-transform: lowercase;
font-weight: 1000;
line-height: 1rem;
font-size: 1.5rem; }
.layout-sidebar-first #block-reha-phase1 p {
font-size: 1.5rem;
line-height: 1.8rem;
margin-top: 0.8rem; }
.layout-sidebar-first #block-reha-phase1 footer {
width: fit-content; }
/*pages*/
.home-page-layout-content .layout--onecol {
margin: auto;
@@ -452,11 +501,14 @@ input {
font-size: 3rem !important;
font-weight: 600; }
.layout-content footer {
background-color: none; }
.node-type-operation footer {
display: none; }
html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-a0244ead401fde300c9a64579f8ed0aa9edefe33021041a9393441d1bd0be0e2 footer {
background-color: none; }
.node-type-operation .views-field-edit-node {
background-color: rgba(153, 147, 174, 0) !important; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper {
width: fit-content; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper {
width: 40%; }
@@ -9,7 +9,6 @@ $width-menu-slidedown : 550px;
font-family: 'Marianne';
font-weight: 400;
font-style: normal;
margin: none;
top: 0%;
left: 0%;
width: 100%;
@@ -20,24 +19,34 @@ $width-menu-slidedown : 550px;
header{
flex: 0 0 100%;
}
main{
position: relative;
// top: -7rem;
}
// main{
// // position: relative;
// // top: -7rem;
// }
footer{
flex: 0 0 100%;
}
}
.layout-content{
order: 2;
padding-top: 3rem;
padding-bottom: 6rem;
width: 60%;
width: 70%;
margin: auto;
}
aside{
width: 20%;
order: 1;
margin-top: 5rem;
margin-left: 10rem;
}
main{
width: 100%;
display: flex;
flex-direction: row;
position: relative;
}
.main-content{
@@ -10,4 +10,11 @@ a{
:visited{
color: black;
}
html.js body{
margin: 0 !important;
}
html.js body div.dialog-off-canvas-main-canvas div.layout-container{
margin: 0 !important;
}
@@ -36,4 +36,19 @@
}
.request-password-link{
@extend %buttonwithborder;
}
.views-field-edit-node{
@extend %buttonwithborder;
width: fit-content;
}
.views-field-edit-user{
@extend %buttonwithborder;
width: fit-content;
}
footer{
}
#edit-unlock{
display: none;
}
@@ -1,16 +1,24 @@
.layout-content{
footer{
background-color: none;
}
}
// .layout-content{
// footer{
// background-color: none;
// }
// }
.node-type-operation{
footer{
display: none;
}
.views-field-edit-node{
background-color: rgba(153, 147, 174, 0) !important;
}
}
html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-a0244ead401fde300c9a64579f8ed0aa9edefe33021041a9393441d1bd0be0e2 footer{
background-color: none;
html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-586565a78462afa14f00a79092967e0998bcad1d346481ed34544a2c80124f64 footer{
background-color: rgba(153, 147, 174, 0) !important;
}
@@ -0,0 +1,15 @@
#block-reha-contenudelapageprincipale{
#node-operation-form{
#edit-field-fiche-candidature-wrapper{
// background-color: rgba(153, 147, 174, 0) !important;
// border: none;
width: fit-content;
}
#edit-field-dossier-de-candidature-wrapper{
// background-color: rgba(153, 147, 174, 0) !important;
// border: none;
width: 40%;
}
}
}
@@ -0,0 +1,31 @@
.layout-sidebar-first{
#block-reha-phase1{
border: solid $yellow-puca 1px;
font-weight: 800;
padding: 1rem;
width: 80%;
h2{
margin-top: 0;
margin-bottom: 0;
text-transform: lowercase;
font-weight: 1000;
line-height: 1rem;
font-size:1.5rem ;
}
p{
font-size: 1.5rem;
line-height: 1.8rem;
margin-top: 0.8rem;
}
footer{
@extend %buttonwithborder;
width: fit-content;
}
}
}
@@ -7,6 +7,7 @@ label{
}
input{
height: 2rem;
width: 50%;
}
.form-submit{
background-color: white;
@@ -17,6 +18,7 @@ input{
margin-bottom: 1rem;
font-size: 1.3rem;
font-weight: 300;
width: fit-content;
}
#user-login-form{
@@ -28,4 +30,4 @@ input{
}
}
}
@@ -167,6 +167,14 @@ header{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 45%;
ul{
width: 70%;
display: flex;
flex-direction: column;
li{
margin-bottom: 3rem;
}
}
}
}
}
+5 -3
View File
@@ -5,7 +5,7 @@
/*global*/
@import "global/variables/colors.scss";
@import "global/variables/colors";
@import "global/variables/typography";
@import "global/variables/buttons";
@import "global/core";
@@ -15,11 +15,13 @@
/*partials*/
@import "partials/header";
@import "partials/footer.scss";
@import "partials/footer";
@import "partials/forms";
@import "partials/aside";
/*pages*/
@import "pages/home";
@import "pages/creer-un-compte";
@import "pages/operations.scss";
@import "pages/operations";
@import "pages/proposer-une-operation";
@@ -0,0 +1,44 @@
{#
/**
* @file
* Default theme implementation for a views mini-pager.
*
* Available variables:
* - heading_id: Pagination heading ID.
* - items: List of pager items.
*
* @see template_preprocess_views_mini_pager()
*
* @ingroup themeable
*/
#}
{% if items.previous or items.next %}
<nav role="navigation" aria-labelledby="{{ heading_id }}">
<h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4>
<ul class="js-pager__items">
{% if items.previous %}
<li>
<a href="{{ items.previous.href }}" title="{{ 'Go to previous page'|t }}" rel="prev"{{ items.previous.attributes|without('href', 'title', 'rel') }}>
<span class="visually-hidden">{{ 'Previous page'|t }}</span>
<span aria-hidden="true">{{ items.previous.text|default('‹‹'|t) }}</span>
</a>
</li>
{% endif %}
{% if items.current %}
<li>
{% trans %}
Page {{ items.current }}
{% endtrans %}
</li>
{% endif %}
{% if items.next %}
<li>
<a href="{{ items.next.href }}" title="{{ 'Go to next page'|t }}" rel="next"{{ items.next.attributes|without('href', 'title', 'rel') }}>
<span class="visually-hidden">{{ 'Next page'|t }}</span>
<span aria-hidden="true">{{ items.next.text|default('››'|t) }}</span>
</a>
</li>
{% endif %}
</ul>
</nav>
{% endif %}