Koha/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css
Owen Leonard 4d3144310c Bug 22045: (follow-up) Fix tab-switching when some tab numbers are missing
This patch changes the way tab-switching is done so that it switching
tabs based on tab id rather than tab index. Using tab index doesn't work
when the tab number doesn't match the tab index.

To test, apply the patch and load a record or blank editor using a MARC
framework which doesn't include one or more tabs (for instance, by
deleting the entries in the framework for one tab:

DELETE FROM marc_subfield_structure WHERE frameworkcode = 'KT' AND tab = 4;

...backup first). In the MARC editor the numbered tabs should exclude
that number. Tab-switching should work correctly.

Signed-off-by: Maryse Simard <maryse.simard@inlibro.com>

Signed-off-by: Josef Moravec <josef.moravec@gmail.com>

Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
2019-03-11 12:32:12 +00:00

291 lines
4.7 KiB
CSS

form {
display: block;
}
div#toolbar {
border: 0;
}
#addbibliotabs .ui-tabs-nav {
display: none;
}
.ui-tabs-panel h3 {
font-size: 140%;
margin: .3em 0;
}
.buttonPlus {
font-weight : bold;
text-decoration : none;
}
.buttonMinus {
font-weight : bold;
text-decoration : none;
}
a.expandfield {
text-decoration : none;
}
#authoritytabs {
margin-top : 1em;
margin-bottom : 1em;
}
.toptabs .ui-tabs-nav li a {
padding : .2em 1.2em;
}
.tag {
border-bottom: 2px solid #D5E6E9;
clear: both;
padding: .7em 0;
}
div.subfield_line {
padding-bottom: .3em;
float: left;
clear: left;
width: 100%;
}
div.subfield_line label {
font-size:89%;
float: left;
padding-right : .4em;
width: 16em;
text-align: left;
clear:left;
}
.subfieldcode img {
cursor: pointer;
}
.tag_title {
font-size : 90%;
padding : .2em 0;
}
.tagnum {
font-size : 130%;
font-weight : bold;
color : #000;
padding : .1em .3em .1em 0;
}
a.tagnum {
font-size : 110%;
font-weight : bold;
color : #000;
padding : .1em .3em .1em 0;
text-decoration : none;
}
.subfield {
color : #00698a;
float: left;
width: 10em;
text-align:right;
}
.subfieldcode {
display: block;
float: left;
}
.labelsubfield {
float:left;
}
.input_marceditor {
float:left;
width:30em;
}
.indicator {
width: 1em;
box-sizing: content-box;
}
#cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
font-size : 100%;
width : 25%;
}
#cataloguing_additem_newitem fieldset.rows li {
padding-bottom : 3px;
}
#cataloguing_additem_newitem .input_marceditor {
width : auto;
}
#cataloguing_additem_newitem textarea.input_marceditor {
width : 31em;
}
.mandatory_marker {
color: red;
}
.linktools { display: block; white-space: nowrap; }
.linktools a { font-size : 75%; display:block;text-decoration:none;}
.linktools a {margin:0 2px;padding:2px;background-color:#FFF;text-align:center; }
.linktools a:first-child { border-bottom: 1px solid #DDD; }
.linktools a:hover { background-color: #FFC; }
.subfield_controls { margin : 0 .5em; }
.readonly { border-width : 1px; border-style: inset; padding-left : 15px; background: #EEE url(../img/locked.png) center left no-repeat; width:29em; }
#cataloguing_additem_itemlist {
margin-bottom : 1em;
}
.yui-gf div.first {
width : 19%;
}
.yui-gf .yui-u {
width: 79.2%;
}
tbody tr.active:nth-child(2n+1) td,
tbody tr.active td {
background-color: #FFFFCC;
}
#loading {
background-color: #FFF;
cursor: wait;
height: 100%;
left: 0;
opacity: .7;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
#loading div {
background : transparent url(../img/loading.gif) top left no-repeat;
font-size : 175%;
font-weight: bold;
height: 2em;
left: 50%;
margin: -1em 0 0 -2.5em;
padding-left : 50px;
position: absolute;
top: 50%;
width: 15em;
}
.ui-tabs .ui-tabs-panel {
border: 0;
padding: 0;
}
.toolbar-tabs-container {
margin: 3em -5px -5px -5px;
}
.toolbar-tabs {
background-color: #FFF;
clear: both;
display: flex;
flex-direction: row;
justify-content: center;
padding-left: 0;
}
.toolbar-tabs li {
background-color: #fff;
display: flex;
justify-content: center;
flex-grow: 1;
text-align: center;
margin-bottom: 0;
}
.toolbar-tabs li a {
border: 1px solid #EDF4F6;
border-left: 0;
border-right: 1px solid #EDF4F6;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
display: block;
font-weight: bold;
padding: .3em 1.5em;
width: 100%;
}
.toolbar-tabs li.selected a {
background-color: #EDF4F6;
border-right: 1px solid #C3D6DB;
border-bottom: 1px solid #C3D6DB;
font-weight: bold;
}
.toolbar-tabs li.selected a:hover {
background-color: #EDF4F6;
}
.toolbar-tabs li a:hover {
background-color: #F4F8F9;
}
.toolbar-tabs li:first-child a {
border-left: 1px solid #EDF4F6;
}
.tag_anchors_list {
background-color: #FFF;
clear: both;
display: block;
font-size: 95%;
padding-left: 0;
}
.tag_anchor.selected {
font-weight: bold;
}
.tag_anchors {
display: none;
padding: .5em 0;
}
.tag_anchors a {
border-right: 1px solid #EDF4F6;
display: inline-block;
padding: 0 .4em;
}
.tag_anchors.tab_selected {
display: inline-block;
}
@media (min-width: 768px) {
div.subfield_line label {
width: 20em;
}
.input_marceditor {
width: 50em;
}
.subfield {
width: 14em;
}
}
@media (min-width: 1200px) {
div.subfield_line label {
width: 25em;
}
.input_marceditor {
width: 60em;
}
.subfield {
width: 16em;
}
}