entrouvert
/
gadjo
15
0
Fork 0
Code Issues Pull Requests 3 Releases Activity

css: make available cancel, delete & submit button via pk-button-* classes (#75933)
gitea/gadjo/pipeline/head This commit looks good Details

This commit is contained in:
Thomas Jund 2023-05-16 17:51:09 +02:00
parent d4ff8f8dea
commit ca4a67d56b
2 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
gadjo/static/css/_forms.scss
View File

@ -129,15 +129,19 @@ a.button {
}
}
a.button, a.pk-button, button, input[type=submit], div.buttons input, div.buttons a.cancel {
a.button, a.pk-button, a[class*=pk-button], a.pk-big-button, a[class*="pk-big-button"], button, input[type=submit], div.buttons input, div.buttons a.cancel {
@extend %button;
}
a.pk-big-button, a[class*="pk-big-button"] {
padding: 2rem 4rem;
}
input[type=submit] {
height: 2.3rem;
}
a.cancel-button, button.cancel-button, div.buttons .cancel-button input, div.buttons a.cancel, div.buttons .cancel-button button {
a.cancel-button, button.cancel-button, a.pk-button-cancel, a.pk-big-button-cancel, div.buttons .cancel-button input, div.buttons a.cancel, div.buttons .cancel-button button {
--color: #727272;
--hover-color: var(--color);
--hover-background: #eee;
@ -158,12 +162,12 @@ div.buttons {
}
}
a.delete-button, button.delete-button, div.buttons .delete-button input, div.buttons .delete-button button {
a.delete-button, button.delete-button, a.pk-button-delete, a.pk-big-button-delete, div.buttons .delete-button input, div.buttons .delete-button button {
--color: #{$button-delete-color};
--outline-color: #{darken($button-delete-color, 10%)};
}
a.submit-button, button.submit-button, div.buttons .submit-button input, div.buttons .submit-button button {
a.submit-button, button.submit-button, a.pk-button-submit, a.pk-big-button-submit, div.buttons .submit-button input, div.buttons .submit-button button {
--color: var(--blue-dusty);
}

6
gadjo/static/css/_portal.scss
View File

@ -49,12 +49,6 @@ div#portal-agent-content, aside#sidebar {
}
}
}
a.pk-button, a.pk-big-button {
@extend %button;
}
a.pk-big-button {
padding: 2rem 4rem;
}
&.pk-button, &.pk-big-button { // when used on link cells
padding: 0;
a {