bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css form connected

Browse Source
This commit is contained in:
ouidade
2023-11-28 15:36:18 +01:00
parent 82fc676d76
commit e78a3cda24
3 changed files with 83 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/css/reha.css
+28 -12
View File
@@ -25,6 +25,9 @@
width: fit-content; width: fit-content;
margin-top: 1rem; } margin-top: 1rem; }
.views-field-edit-user:hover {
background-color: #fdc300; }
#edit-unlock { #edit-unlock {
display: none; } display: none; }
@@ -321,17 +324,30 @@ header {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px); clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 45%; } padding: 5% 10% 5% 45%; }
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul { header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer {
width: 70%; font-weight: 400;
display: flex; font-size: 1rem;
flex-direction: column; margin-top: 2rem;
padding-left: 0; } border-top: 1px solid black;
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul li { padding-top: 1.5rem; }
text-transform: uppercase; header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul {
padding: 1rem; width: 45%;
border: solid black 1px; display: flex;
margin-bottom: 1rem; flex-direction: column-reverse;
background-color: white; } padding-left: 0; }
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li:first-of-type {
margin-top: 4rem;
border-bottom: 1px solid black; }
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li {
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: white; }
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li:hover {
background-color: #fdc300; }
header html.js body div.dialog-off-canvas-main-canvas div.layout-container header div.region.region-header div#block-reha-views-block-current-user-block-block-1.views-element-container.block.block-views.block-views-blockcurrent-user-block-block-1 div.connected div.connected-full div div.js-view-dom-id-426705c0f405ba1cfc7a9eac64ddbe6f543fe3a21a71f2a99ef49ced31b93bc1 footer ul li {
border-top: 1px solid black; }
header .bouton { header .bouton {
align-self: flex-end; align-self: flex-end;
width: fit-content; } width: fit-content; }
@@ -347,7 +363,7 @@ header {
content: url(../images/noun-cross-1151731.svg); content: url(../images/noun-cross-1151731.svg);
float: right; float: right;
position: relative; position: relative;
left: 200px; left: 90px;
cursor: pointer; } cursor: pointer; }
footer { footer {
web/themes/custom/reha/scss/global/variables/_buttons.scss
+14 -1
View File
@@ -7,8 +7,16 @@
border: solid black 1px; border: solid black 1px;
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: $white-button; background-color: $white-button;
} }
// %hoveryellow{
// :hover{
// background-color: $yellow-puca;
// }
// }
.field--type-link { .field--type-link {
@extend %buttonwithborder; @extend %buttonwithborder;
width: fit-content; width: fit-content;
@@ -42,8 +50,13 @@
.views-field-edit-user{ .views-field-edit-user{
@extend %buttonwithborder; @extend %buttonwithborder;
width: fit-content; width: fit-content;
margin-top: 1rem; margin-top: 1rem;
} }
.views-field-edit-user:hover{
background-color: $yellow-puca;
}
footer{ footer{
} }
web/themes/custom/reha/scss/partials/_header.scss
+41 -13
View File
@@ -193,25 +193,53 @@ header{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px); clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 45%; padding: 5% 10% 5% 45%;
ul{
width: 70%; footer{
display: flex; font-weight: 400;
flex-direction: column; font-size: 1rem;
padding-left: 0; margin-top: 2rem;
li{ border-top: 1px solid black;
// margin-bottom: 3rem; padding-top: 1.5rem;
text-transform: uppercase; ul{
padding: 1rem; width: 45%;
border: solid black 1px; display: flex;
margin-bottom: 1rem; flex-direction: column-reverse;
background-color: $white-button; padding-left: 0;
// border-bottom: 1px solid black ;
li:first-of-type{
margin-top: 4rem;
border-bottom: 1px solid black ;
// background-color: red;
::before{
}
}
li{
// margin-bottom: 3rem;
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: $white-button;
}
li:hover{
background-color: $yellow-puca;
}
:first-child{
// border-top: 1px solid black ;
// margin-top: 2rem;
// padding-top: 5px;
}
} }
} }
} }
} }
} }
} }
html.js body div.dialog-off-canvas-main-canvas div.layout-container header div.region.region-header div#block-reha-views-block-current-user-block-block-1.views-element-container.block.block-views.block-views-blockcurrent-user-block-block-1 div.connected div.connected-full div div.js-view-dom-id-426705c0f405ba1cfc7a9eac64ddbe6f543fe3a21a71f2a99ef49ced31b93bc1 footer ul li{
border-top: 1px solid black ;
}
.bouton{ .bouton{
align-self: flex-end; align-self: flex-end;
width: fit-content; width: fit-content;
@@ -231,7 +259,7 @@ header{
content: url(../images/noun-cross-1151731.svg); content: url(../images/noun-cross-1151731.svg);
float: right; float: right;
position: relative; position: relative;
left: 200px; left: 90px;
// bottom: 100px; // bottom: 100px;
cursor: pointer; cursor: pointer;
} }