Bug 26189: Improve styling of datatables within fieldsets

[koha-ffzg.git] / koha-tmpl / intranet-tmpl / prog / css / src / staff-global.scss

diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
index 13c6789..64f79cd 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
@@ -149,6 +149,7 @@ aside {
                 &.checkbox {
                     label {
                         display: inline;
+                        margin-left: 0;
                     }
                 }
 
@@ -192,6 +193,11 @@ aside {
             [type="text"] {
                 width: 100%;
             }
+
+            .hasDatepicker {
+                margin-right: 3px;
+                width: calc(100% - 20px);
+            }
         }
     }
 }
@@ -423,8 +429,11 @@ label,
     }
 
     &.circ_barcode {
+        display: inline-block;
         font-size: 105%;
         font-weight: bold;
+        margin-bottom: 1rem;
+        max-width: 75%;
     }
 
     &.required {
@@ -611,6 +620,7 @@ fieldset {
         border-bottom-right-radius: 0;
         border-bottom-width: 0;
         margin-bottom: 0;
+        margin-right: 0;
     }
 
     .standard {
@@ -888,6 +898,10 @@ fieldset {
             font-size: 105%;
             margin: 1em 0 1em 1em;
 
+            &.dataTable {
+                margin: 0;
+            }
+
             &.mceListBox {
                 margin: 0;
             }
@@ -911,6 +925,13 @@ fieldset {
             clear: both;
             padding-top: .5em;
         }
+
+        .dataTables_wrapper {
+            label {
+                font-weight: 400;
+                width: unset;
+            }
+        }
     }
 }
 
@@ -1534,6 +1555,10 @@ input[type='text']:read-only:focus {
     background-color: #FFFF99;
 }
 
+.important_subfield_not_filled {
+    background-color : #FFFFCC;
+}
+
 .content_hidden {
     display: none;
     visibility: hidden; // you propably don't need to change this one
@@ -1994,6 +2019,22 @@ li {
     }
 }
 
+#searchresults {
+    .address {
+        ul {
+            margin: 0;
+            padding-left: 0;
+            li {
+                clear: none;
+                float: left;
+                list-style: none;
+                margin-left: 1ch;
+                padding: 0;
+            }
+        }
+    }
+}
+
 #searchheader {
     background-color: #E6F0F2;
     border: 1px solid #B9D8D9;
@@ -2086,6 +2127,43 @@ li {
     }
 }
 
+.cover-slides {
+    background: #FFF url("[% interface | html %]/[% theme | html %]/img/spinner-small.gif") center center no-repeat;
+    border: 1px solid #b9d8d9;
+    border-radius: 3px;
+    margin: 5px;
+    padding: 10px 5px 5px 5px;
+    min-height: 175px;
+
+    .hint {
+        font-size: 90%;
+        padding: .5em 0;
+    }
+
+    a {
+        &.nav-active {
+            &:link,
+            &:visited {
+                color: #85ca11;
+            }
+        }
+    }
+}
+
+.cover-image {
+    display: none;
+
+    img {
+        height: auto;
+        max-width: 100%;
+    }
+}
+
+.cover-nav {
+    display: inline-block;
+    padding: 3px 4px;
+}
+
 .searchhighlightblob {
     font-size: 75%;
     font-style: italic;
@@ -2677,7 +2755,7 @@ li {
 }
 
 .statictabs {
-    ul {
+    > ul {
         background: none repeat scroll 0 0 transparent;
         border: 0 none;
         border-bottom-left-radius: 4px;
@@ -2765,6 +2843,12 @@ li {
     }
 }
 
+.toptabs {
+        .ui-tabs-panel {
+            background: #FFF none;
+        }
+}
+
 .authref {
     font-style: normal;
     text-indent: 4em;
@@ -2898,7 +2982,6 @@ li {
 }
 
 .ui-datepicker-trigger {
-    margin: 0 0 3px -2em;
     vertical-align: middle;
 }
 
@@ -3435,6 +3518,12 @@ span {
         margin-left: .5em;
     }
 
+    &.important {
+        color: #EAC117;
+        font-style: italic;
+        margin-left: .5em;
+    }
+
     &[class*=" label-"] {
         color: #FFF;
         display: inline;
@@ -3743,6 +3832,25 @@ input.renew {
         top: 50%;
         transform: translateY(-50%);
     }
+
+    #generic_confirm_search_count {
+        margin: 1em 0 1em 10em;
+    }
+
+    #generic_confirm_search {
+        display: block;
+        visibility: hidden;
+        margin: 1em 0 1em 10em;
+    }
+
+    #partnerSearch {
+        .modal-dialog {
+            width: 50vw;
+        }
+        .modal-body {
+            max-height: 70vh;
+        }
+    }
 }
 
 .ill-view-panel {
@@ -3775,6 +3883,14 @@ input.renew {
     }
 }
 
+#ill-issue-title {
+    margin: 20px 0 30px 0;
+}
+
+.ill_availability_sourcename {
+    margin-top: 20px;
+}
+
 #stockrotation {
     h3 {
         margin: 30px 0 10px 0;
@@ -3897,6 +4013,15 @@ input.renew {
     }
 }
 
+#payForm {
+    fieldset {
+        &.rows {
+            padding-left: 1em;
+            padding-right: 2em;
+        }
+    }
+}
+
 #helper {
     span {
         display: none;
@@ -3995,6 +4120,11 @@ input.renew {
     margin:  .5em 0;
 }
 
+.columns-2 {
+    columns: 2 auto;
+    column-gap: 2.5em;
+}
+
 .columns-3 {
     columns: 3 auto;
     column-gap: 2.5em;
@@ -4150,6 +4280,18 @@ div#makechart ol li {
     list-style: none;
 }
 
+div .suggestion_note {
+    background: transparent none;
+    border-style: dotted;
+    border-width: 1px 0 0 0;
+    font-size: 90%;
+    padding: 2px 0 0 0;
+
+    i {
+        color: #CCC;
+    }
+}
+
 @media (min-width: 200px) {
 
 }