add bookmark button to threads in topic view
This commit is contained in:
@@ -104,6 +104,7 @@ $button_margin: $MEDIUM_PADDING $ZERO_PADDING !default;
|
||||
|
||||
$reduced_button_margin: $ZERO_PADDING !default;
|
||||
$reduced_button_padding: $SMALL_PADDING !default;
|
||||
$icon_button_padding_left: $BIG_PADDING - 4px !default;
|
||||
@mixin button($color, $font_color) {
|
||||
@extend %button-base;
|
||||
background-color: $color;
|
||||
@@ -125,6 +126,12 @@ $reduced_button_padding: $SMALL_PADDING !default;
|
||||
margin: $reduced_button_margin;
|
||||
padding: $reduced_button_padding;
|
||||
}
|
||||
|
||||
// this is meant to be used with the contain-svg class, hence the flex-direction here
|
||||
&.icon {
|
||||
padding-left: $icon_button_padding_left;
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
|
||||
$navbar_padding: $MEDIUM_PADDING !default;
|
||||
@@ -786,6 +793,17 @@ $thread_info_mask_image: $user_page_post_preview_mask_image !default;
|
||||
mask-image: $thread_info_mask_image;
|
||||
}
|
||||
|
||||
$thread_info_header_gap: $SMALL_PADDING !default;
|
||||
.thread-info-header {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: $thread_info_header_gap;
|
||||
}
|
||||
|
||||
.thread-info-bookmark-button {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
$thread_info_post_preview_margin_right: $post_inner_padding_right !default;
|
||||
.thread-info-post-preview {
|
||||
overflow: hidden;
|
||||
|
||||
Reference in New Issue
Block a user