diff --git a/app/assets/javascripts/sitewide/datatable_helpers.js b/app/assets/javascripts/sitewide/datatable_helpers.js index 00ce3b2f8..707f897c8 100644 --- a/app/assets/javascripts/sitewide/datatable_helpers.js +++ b/app/assets/javascripts/sitewide/datatable_helpers.js @@ -26,15 +26,16 @@ var DataTableHelpers = (function() { var tableFilterInput = $(dataTableWraper).find('.dataTables_filter input'); tableFilterInput.attr('placeholder', searchText) .addClass('sci-input-field search-field') + .removeClass('form-control input-sm') .css('margin', 0); $('.dataTables_filter').append(` - -
`).find('.sci-input-container-v2').prepend(tableFilterInput); $('.dataTables_filter').find('label').remove(); $('.dataTables_filter').on('click', '.search-icon', function() { diff --git a/app/assets/stylesheets/experiment/table.scss b/app/assets/stylesheets/experiment/table.scss index 2de9d6e70..927f3a430 100644 --- a/app/assets/stylesheets/experiment/table.scss +++ b/app/assets/stylesheets/experiment/table.scss @@ -499,14 +499,6 @@ opacity: 0; } } - - &:hover { - .date-text[data-editable=true] { - background-color: $color-concrete; - border-radius: 4px; - - } - } } .open-comments-sidebar { diff --git a/app/assets/stylesheets/label_templates/index.scss b/app/assets/stylesheets/label_templates/index.scss index 2e48b87ee..c5b0988c8 100644 --- a/app/assets/stylesheets/label_templates/index.scss +++ b/app/assets/stylesheets/label_templates/index.scss @@ -73,6 +73,13 @@ .dataTables_scrollHead { flex-shrink: 0; + + thead { + .sci-checkbox-container { + margin-left: .125rem; + } + } + th:first-child { text-align: center; vertical-align: middle; diff --git a/app/assets/stylesheets/my_modules/protocols/index.scss b/app/assets/stylesheets/my_modules/protocols/index.scss index b2e163837..0c14895fa 100644 --- a/app/assets/stylesheets/my_modules/protocols/index.scss +++ b/app/assets/stylesheets/my_modules/protocols/index.scss @@ -124,9 +124,6 @@ } .repositories-assign-container { - display: flex; - flex-grow: 1; - justify-content: flex-end; max-width: 150px; .btn { diff --git a/app/assets/stylesheets/protocols/index.scss b/app/assets/stylesheets/protocols/index.scss index 913b4a91b..77dfaac13 100644 --- a/app/assets/stylesheets/protocols/index.scss +++ b/app/assets/stylesheets/protocols/index.scss @@ -21,6 +21,12 @@ .dataTables_scrollHead { + thead { + .sci-checkbox-container { + margin-left: .125rem; + } + } + tbody { td { vertical-align: middle; diff --git a/app/assets/stylesheets/repositories.scss b/app/assets/stylesheets/repositories.scss index 588dc9f25..5a9e7a10e 100644 --- a/app/assets/stylesheets/repositories.scss +++ b/app/assets/stylesheets/repositories.scss @@ -432,7 +432,6 @@ .search-container { .search-field { - padding-right: 32px; &.barcode-mode { background-color: $brand-primary; diff --git a/app/assets/stylesheets/shared/datatable.scss b/app/assets/stylesheets/shared/datatable.scss index e740f05b9..6cc5f598d 100644 --- a/app/assets/stylesheets/shared/datatable.scss +++ b/app/assets/stylesheets/shared/datatable.scss @@ -29,12 +29,26 @@ .search-container:not(.expand) { display: none; } + + input { + width: 100% !important; + } + + .sci-input-container-v2 .sn-icon { + margin-right: 10px !important; + } } .dataTables_scrollHead { .dataTable { margin-top: 0 !important; } + + thead { + .sci-checkbox-container { + margin-left: .25rem; + } + } } .pagination-row { diff --git a/app/assets/stylesheets/shared/datetime_picker.scss b/app/assets/stylesheets/shared/datetime_picker.scss index 88d52ba74..42196dc44 100644 --- a/app/assets/stylesheets/shared/datetime_picker.scss +++ b/app/assets/stylesheets/shared/datetime_picker.scss @@ -9,6 +9,10 @@ font-size: 13px; } + .datepicker thead th { + padding: 8px 6px !important; + } + .timepicker-picker { padding: 0 60px; diff --git a/app/assets/stylesheets/tailwind/buttons.css b/app/assets/stylesheets/tailwind/buttons.css index 0f8f2e857..a3e24498f 100644 --- a/app/assets/stylesheets/tailwind/buttons.css +++ b/app/assets/stylesheets/tailwind/buttons.css @@ -1,6 +1,6 @@ @layer components { .sci-btn-group { - @apply flex items-center gap-2 relative; + @apply inline-flex items-center gap-2 relative; } .btn { diff --git a/app/assets/stylesheets/tailwind/inputs.css b/app/assets/stylesheets/tailwind/inputs.css index e41eea7ca..941c279c4 100644 --- a/app/assets/stylesheets/tailwind/inputs.css +++ b/app/assets/stylesheets/tailwind/inputs.css @@ -4,7 +4,7 @@ } .sci-input-container-v2 input { - @apply w-full h-full bg-transparent p-0.5 border rounded outline-none absolute top-0; + @apply w-full h-full bg-transparent p-0.5 border rounded outline-none absolute top-0 pl-2; border-color: var(--sn-sleepy-grey); } @@ -13,7 +13,8 @@ } .sci-input-container-v2 input:focus { - border-color: var(--sn-science-blue); + border-color: var(--sn-sleepy-grey); + box-shadow: none; } .sci-input-container-v2 .sn-icon { @@ -21,7 +22,15 @@ color: var(--sn-black) } + .sci-input-container-v2.right-icon .sn-icon { + @apply absolute right-0; + } + .sci-input-container-v2.left-icon input { @apply pl-10; } + + .sci-input-container-v2.right-icon input { + @apply pr-10; + } } diff --git a/app/javascript/vue/protocol/protocolOptions.vue b/app/javascript/vue/protocol/protocolOptions.vue index 70235a9f6..43963a31a 100644 --- a/app/javascript/vue/protocol/protocolOptions.vue +++ b/app/javascript/vue/protocol/protocolOptions.vue @@ -10,7 +10,6 @@ aria-expanded="true" tabindex="0" > - {{ i18n.t("my_modules.protocol.options_dropdown.title") }} diff --git a/app/javascript/vue/protocol/step.vue b/app/javascript/vue/protocol/step.vue index a2ecef336..54d07f2f4 100644 --- a/app/javascript/vue/protocol/step.vue +++ b/app/javascript/vue/protocol/step.vue @@ -58,7 +58,7 @@