FreakU
/
Retrospring
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Extract question styling from answerbox

This commit is contained in:
Andreas Nedbal 2023-10-21 00:25:51 +02:00 committed by Andreas Nedbal
parent 07a423bba0
commit 36b13c5366
2 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/components/_answerbox.scss
View File

@ -1,8 +1,6 @@
@use "sass:map"; @use "sass:map";
.answerbox { .answerbox {
&__question-text,
&__question-user,
&__answer-user, &__answer-user,
&__answer-date { &__answer-date {
margin-bottom: 0; margin-bottom: 0;
@ -25,7 +23,6 @@
margin-bottom: map.get($spacers, 3); margin-bottom: map.get($spacers, 3);
} }
&__question-user-avatar,
&__answer-user-avatar { &__answer-user-avatar {
margin-right: map.get($spacers, 2); margin-right: map.get($spacers, 2);
border-radius: $avatar-border-radius; border-radius: $avatar-border-radius;

30
app/assets/stylesheets/components/_question.scss
View File

@ -1,18 +1,26 @@
@use "sass:map";
.question { .question {
&--fixed {
position: absolute; &__avatar {
margin-right: map.get($spacers, 2);
border-radius: $avatar-border-radius;
}
&__text,
&__user {
margin-bottom: 0;
overflow: hidden;
word-break: break-word;
}
&--sticky {
border-radius: 0;
width: 100%; width: 100%;
z-index: 999;
@include media-breakpoint-up('sm') { @include media-breakpoint-up('sm') {
position: fixed; position: sticky;
top: $navbar-height;
} }
} }
&--hidden {
visibility: hidden;
position: relative;
box-shadow: none;
z-index: -1;
}
} }