remove read more function because of accordion for procedure description
This commit is contained in:
parent
7340206f81
commit
6fa44a4c11
7 changed files with 1 additions and 69 deletions
|
@ -1,16 +1,6 @@
|
|||
@import "constants";
|
||||
|
||||
.commencer {
|
||||
@media (min-width: $two-columns-breakpoint) {
|
||||
.button:first-of-type {
|
||||
margin-top: 4 * $default-spacer;
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
margin-bottom: 2 * $default-spacer;
|
||||
}
|
||||
|
||||
.optional-on-small-screens {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
|
|
@ -2,7 +2,6 @@
|
|||
@import "constants";
|
||||
|
||||
$procedure-context-breakpoint: $two-columns-breakpoint;
|
||||
$procedure-description-line-height: 22px;
|
||||
|
||||
.procedure-preview {
|
||||
.paperless-logo {
|
||||
|
@ -55,36 +54,6 @@ $procedure-description-line-height: 22px;
|
|||
border-bottom: 1px dotted $blue-france-500;
|
||||
}
|
||||
|
||||
.read-more-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: $procedure-context-breakpoint) {
|
||||
// Truncate description and display the "Read more" UI if the text is too long
|
||||
.procedure-description-body.read-more-collapsed {
|
||||
// Setting the description at 25% of the viewport height:
|
||||
// - displays more text on screens having more vertical space (like small tablets);
|
||||
// - is enough for the action buttons to be visible on the bottom (even on mobiles).
|
||||
max-height: 25vh;
|
||||
|
||||
// If the text exceeds the max-height,
|
||||
// truncate it and displays the "Read more" button.
|
||||
&.read-more-enabled {
|
||||
overflow: auto;
|
||||
border-bottom: 1px solid $border-grey;
|
||||
|
||||
+ .read-more-button {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
top: -19px;
|
||||
margin-bottom: -19px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.procedure-logos {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue