Koha-community/Koha
13
7
Fork 0
Code Issues Releases Wiki Activity

Bug 30952: Staff interface redesign (toolbar)

Browse source 
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
This commit is contained in:
Solène Desvaux 2022-07-25 16:37:41 +02:00 committed by Tomas Cohen Arazi
parent bd54185a49
commit 76c3aca92f
Signed by: tomascohen
GPG key ID: 0A272EA1B2F3C15F
2 changed files with 72 additions and 82 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
koha-tmpl/intranet-tmpl/prog/css/src/_toolbar.scss Normal file
View file

@ -0,0 +1,71 @@
#toolbar,
.btn-toolbar {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
background-color: #f3F4F4;
border: 0;
border-radius: 5px 5px 0 0;
margin: 0;
.dropdown-menu {
border-top-width: 1px;
font-size: 13px;
}
&.floating {
border-radius: 0;
margin-top: 0;
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
z-index: 100;
}
a.addtocart {
display: block;
}
a.cartRemove {
padding: 6px 12px;
font-size: 12px;
display: none;
}
a.addtocart.incart {
display: none;
}
a.cartRemove.incart {
display: block;
}
.btn.btn-default {
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
padding: 6px 12px;
box-shadow: none;
border-radius: 4px;
user-select: none;
font-size: 100%;
background-color: transparent;
border: 0;
display: inline-block;
color: #696969;
&:hover, &:focus {
text-decoration: none;
background-color: #DADADA;
color: #696969;
padding: 6px 12px;
}
&:active {
border: 0;
}
}
}

83
koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
View file

@ -543,19 +543,6 @@ ul {
} }
} }
.toolbar {
padding-left: 0;
button {
padding-bottom: 2px;
}
li {
display: inline;
list-style: none;
}
}
&.budget_hierarchy { &.budget_hierarchy {
margin-left: 0; margin-left: 0;
padding-left: 0; padding-left: 0;
@ -1331,44 +1318,6 @@ dd {
padding: .2em .2em .2em 2.5em; padding: .2em .2em .2em 2.5em;
} }
#toolbar,
.btn-toolbar {
background-color: #EDF4F6;
border: 1px solid #E6F0F2;
border-radius: 5px 5px 0 0;
margin: 0;
padding: 5px;
.dropdown-menu {
border-top-width: 1px;
font-size: 13px;
}
&.floating {
border-radius: 0;
margin-top: 0;
z-index: 300;
}
a.addtocart {
display: block;
}
a.cartRemove {
padding: 6px 12px;
font-size: 12px;
display: none;
}
a.addtocart.incart {
display: none;
}
a.cartRemove.incart {
display: block;
}
}
#disabled { #disabled {
a { a {
color: #999; color: #999;
@ -1528,18 +1477,6 @@ dd {
} }
} }
.btn-toolbar {
fieldset {
&.action {
margin-top: 0;
}
}
.dropdown-menu {
font-size: 13px;
}
}
.rows { .rows {
.label { .label {
white-space: normal; white-space: normal;
@ -3296,18 +3233,6 @@ button,
} }
} }
#toolbar {
.dropdown-menu {
border-top-width: 1px;
font-size: 13px;
}
&.floating {
border-radius: 0;
margin-top: 0;
}
}
#changelanguage { #changelanguage {
background: #FFF none; background: #FFF none;
border-top: 1px solid #EEE; border-top: 1px solid #EEE;
@ -3640,13 +3565,6 @@ progress {
} }
} }
// Class to be added to toolbar when it starts being fixed at the top of the screen
.floating {
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
z-index: 100;
}
.inline { .inline {
display: inline; display: inline;
} }
@ -4582,6 +4500,7 @@ div .suggestion_note {
} }
@import "header"; @import "header";
@import "toolbar";
@media (min-width: 200px) { @media (min-width: 200px) {