Fix btn-default style issue

This commit is contained in:
yflory 2025-03-24 11:09:44 +01:00
parent a424542352
commit 11d3388888
4 changed files with 17 additions and 4 deletions

View File

@ -162,7 +162,9 @@
// Buttons
@cp_buttons-fg: @cryptpad_color_brand_300;
@cp_buttons-hover: @cryptpad_color_brand_fadest;
@cp_buttons-default: @cryptpad_color_grey_700;
@cp_buttons-default-color: @cryptpad_text_col;
@cp_buttons-default-border: @cryptpad_text_col;
@cp_buttons-default-bg: @cryptpad_text_col;
@cp_buttons-default-fg: @cryptpad_color_grey_900;
@cp_buttons-default-alt-bg: @cryptpad_color_grey_900;

View File

@ -161,7 +161,9 @@
// Buttons
@cp_buttons-fg: @cryptpad_color_brand;
@cp_buttons-hover: @cryptpad_color_brand_fadest;
@cp_buttons-default: #CCC;
@cp_buttons-default-color: @cryptpad_text_col;
@cp_buttons-default-border: @cryptpad_text_col;
@cp_buttons-default-bg: @cryptpad_color_grey_200;
@cp_buttons-default-fg: @cryptpad_text_col;
@cp_buttons-default-alt-bg: @cryptpad_color_white;

View File

@ -191,6 +191,15 @@
}
&.btn-default {
border-color: @cp_buttons-default-border;
color: @cp_buttons-default-color;
&:hover, &:not(:disabled):active, &:focus {
border-color: @cp_buttons-default-border;
color: @cp_buttons-default-color;
background-color: @cp_buttons-default;
}
}
&.btn-toolbar {
background-color: @cp_buttons-default-bg;
color: @cp_buttons-default-fg;
border-color: @cp_buttons-default-bg;
@ -200,7 +209,7 @@
color: @cryptpad_text_col;
}
}
&.btn-default-alt {
&.btn-toolbar-alt {
border-color: @cp_buttons-default-alt-fg;
color: @cp_buttons-default-alt-fg;
background-color: @cp_buttons-default-alt-bg;

View File

@ -1186,7 +1186,7 @@ define([
commitTags();
});
let toggleTagsButton = h('button.btn.btn-default-alt.cp-kanban-toggle-tags', [
let toggleTagsButton = h('button.btn.btn-toolbar-alt.cp-kanban-toggle-tags', [
h('i.fa.fa-tags'),
h('span', Messages.fm_tagsName)
]);
@ -1199,8 +1199,8 @@ define([
$tags.toggle();
let visible = $tags.is(':visible');
$(toggleContainer).toggleClass('cp-kanban-container-flex', !visible);
$toggleBtn.toggleClass('btn-default-alt', visible);
$toggleBtn.toggleClass('btn-default', !visible);
$toggleBtn.toggleClass('btn-toolbar-alt', visible);
$toggleBtn.toggleClass('btn-toolbar', !visible);
};
$toggleBtn.click(function() {
toggleClicked = true;