AppStd/EnvelopeGenerator
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: CSS mit Bootstrap für mobil beschreibbare Toolbar-Elemente anordnen

Browse Source
This commit is contained in:
Developer 02 2024-10-14 17:24:49 +02:00
parent 1dd9ce6bbc
commit 24e6ffc5ef
3 changed files with 78 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
EnvelopeGenerator.Web/wwwroot/css/site.css
View File

@ -31,39 +31,90 @@
}
.button-finish {
transition: background-color linear 300ms;
background-color: #059669; /* emerald-600 */
color: white;
border-left: none;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.button-finish:hover, .button-finish:focus, .button-finish:active {
background-color: #10b981; /* emerald-500 */
color: white;
.button-finish:hover {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
}
.button-finish:focus {
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.button-finish:active {
color: #fff;
background-color: #0a58ca;
border-color: #0a53be;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.button-finish:disabled {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.button-reject {
transition: background-color linear 300ms;
background-color: #d97706; /* amber-600 */
color: white;
border-left: none;
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.button-reject:hover, .button-reject:focus, .button-reject:active {
background-color: #f59e0b; /* amber-500 */
color: white;
.button-reject:hover {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
}
.button-reject:focus {
box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.button-reject:active {
color: #fff;
background-color: #b02a37;
border-color: #a52834;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.button-reject:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.button-reset {
transition: background-color linear 300ms;
background-color: #2563eb; /* blue-600 */
color: white;
border-left: none;
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.button-reset:hover, .button-reset:focus, .button-reset:active {
background-color: #3b82f6; /* blue-500 */
color: white;
.button-reset:hover {
color: #fff;
background-color: #5c636a;
border-color: #565e64;
}
.button-reset:focus {
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.button-reset:active {
color: #fff;
background-color: #565e64;
border-color: #51585e;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.button-reset:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
body {

2
EnvelopeGenerator.Web/wwwroot/css/site.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
EnvelopeGenerator.Web/wwwroot/js/ui.js
View File

@ -52,14 +52,14 @@
static addToolbarItems(instance, handler) {
var toolbarItems = instance.toolbarItems.filter((item) => UI.allowedToolbarItems.includes(item.type));
if(!IS_READONLY)
if (!IS_READONLY)
toolbarItems = toolbarItems.concat(UI.getWritableItems(handler));
if(!IS_DESKTOP && !IS_READONLY)
if (!IS_DESKTOP && !IS_READONLY)
toolbarItems = toolbarItems.concat(UI.getMobileWritableItems(handler));
instance.setToolbarItems(toolbarItems)
instance.setToolbarItems(toolbarItems)
}
static annotationRenderer(data) {