Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-12 13:24:25 +00:00
Code Issues Actions Projects Releases Wiki Activity

fix some limits with float-button asset

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-10-07 16:27:07 +02:00
parent e12e5798ea
commit 8f889248fb
1 changed files with 27 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
View File

@ -115,7 +115,7 @@ div.flex-table {
} }
ul.record_actions { ul.record_actions {
align-self: flex-start; align-self: flex-start; // !! conflict with .float-button.bottom see L297
} }
} }
} }
@ -274,29 +274,35 @@ div.float-button {
div.action { div.action {
float: right; float: right;
position: relative;
z-index: 1;
}
a {
word-break: break-all; // break email address
} }
} }
&.top { &.top {
div.action { div.action {
padding: 0 0 1em 1em; padding: 0 0 1em 1em;
} }
// avoid a position relative that make links unclickable
.fa-ul > li {
position: initial;
}
} }
&.bottom { &.bottom {
display: flex; display: flex;
overflow: hidden; overflow: hidden;
div.action { div.action {
height: calc(100% - 0em); height: calc(100% - 0em);
shape-outside: inset(calc(100% - 2em) 0 0); shape-outside: inset(calc(100% - 4em) 0 0);
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
padding: 0 0 0 1em; padding: 0 0 0 1em;
* { * {
align-self: flex-end !important; align-self: flex-end !important; // neutralize flex-table rule L118
}
ul.record_actions {
margin: 0;
padding: 0;
} }
} }
} }
@ -304,8 +310,19 @@ div.float-button {
padding: 1em; padding: 1em;
border: 1px solid black; border: 1px solid black;
background-color: yellow; background-color: yellow;
div.action { div.box {
background-color: transparentize(#00ffff, 0.4); div.action {
background-color: transparentize(cyan, 0.4);
}
& > ul li,
& > div,
& > p {
background-color: transparentize(orange, 0.4);
}
& > div {
margin-bottom: 1em;
}
} }
} }
} }