diff --git a/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css b/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css index def9ef15b1c..2765c9c45a7 100644 --- a/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css +++ b/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css @@ -502,6 +502,7 @@ Breadcrumb menu text-decoration: none; text-indent: 0; width: var(--input-height); + white-space: nowrap; } .breadcrumb-menu ul li .ui-menuitem-text, @@ -516,6 +517,12 @@ Breadcrumb menu text-overflow: ellipsis; } +.breadcrumb-menu ul li:first-child:not(:hover) .ui-menuitem-text { + padding: 0; + width: 0; + opacity: 0; +} + .breadcrumb-menu ul li:not(:first-child) { margin-left: 6px; } @@ -552,8 +559,11 @@ Breadcrumb menu padding: 0 var(--default-half-size); } +.breadcrumb-menu ul li, +.breadcrumb-menu ul li .ui-menuitem-link, +.breadcrumb-menu ul li .ui-menuitem-icon, .breadcrumb-menu ul li .ui-menuitem-text, -.breadcrumb-menu ul li:hover .ui-menuitem-text { +.breadcrumb-menu ul li:not(:first-child)::before { transition: .3s; } @@ -2258,9 +2268,10 @@ form#metadata div label, } #commentsBox\:newButton { - position: absolute; bottom: 16px; + box-shadow: var(--second-level-shadow); left: 8px; + position: absolute; } #commentsBox\:comments > tbody > tr.ui-widget-content:first-child > td.ui-panelgrid-cell { @@ -2272,10 +2283,13 @@ form#metadata div label, } #commentsBox\:commentsGrid { - margin-bottom: 50px; overflow-y: scroll; } +#commentsBox\:commentsGrid table { + margin-bottom: 70px; +} + #commentsBox\:commentsGrid_head { display: none; } @@ -2766,8 +2780,7 @@ Column content margin-top: 5px; height: 100%; box-sizing: border-box; - overflow-y: scroll; - overflow-x: hidden; + overflow: hidden; } #paginationPanel { @@ -2930,12 +2943,12 @@ Column content #metadataAccordion\:metadata\:metadataTable_data .ui-calendar .ui-datepicker-trigger { background: var(--pure-white); - border: solid var(--default-border-width) var(--light-blue); + border: solid var(--default-border-width) var(--blue); margin: 0 3px 0 0; } #metadataAccordion\:metadata\:metadataTable_data .ui-calendar .ui-datepicker-trigger::before { - color: var(--light-blue); + color: var(--blue); } #metadataAccordion\:metadata\:metadataTable_data .ui-calendar.read-only .ui-datepicker-trigger { diff --git a/Kitodo/src/main/webapp/WEB-INF/resources/css/pattern-library.css b/Kitodo/src/main/webapp/WEB-INF/resources/css/pattern-library.css index 76db16ade5b..7f71a6b9f0f 100644 --- a/Kitodo/src/main/webapp/WEB-INF/resources/css/pattern-library.css +++ b/Kitodo/src/main/webapp/WEB-INF/resources/css/pattern-library.css @@ -200,13 +200,13 @@ label.ui-state-error { .ui-selectcheckboxmenu.secondary .ui-selectcheckboxmenu-label, .ui-splitbutton.secondary .ui-button { background: var(--pure-white); - border: solid var(--default-border-width) var(--light-blue); - color: var(--light-blue); + border: solid var(--default-border-width) var(--blue); + color: var(--blue); } .ui-button.secondary .ui-icon, .ui-widget-content .ui-button.secondary .ui-icon { - color: var(--light-blue); + color: var(--blue); } .ui-button.secondary.ui-state-hover, @@ -854,10 +854,10 @@ button.ui-datepicker-trigger.ui-button-icon-only::before { .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { background: var(--pure-white); - border: solid var(--default-border-width) var(--light-blue); + border: solid var(--default-border-width) var(--blue); border-left: none; box-sizing: border-box; - color: var(--light-blue); + color: var(--blue); width: auto; }