@civicactions/cmsds-open-data-components 3.10.0-alpha.2 → 3.10.0

package/dist/main.css

@@ -112,6 +112,7 @@
 .dkan-c-site-menu--sub-menu {
   list-style: none;
   display: none;
+  box-shadow: 0 4px 8px #0003;
 }
 
 .dkan-c-nav-submenu {
@@ -521,6 +522,47 @@ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
   fill: #757575;
 }
 
+@media only screen and (width >= 544px) {
+  .dkan-dataset-search input {
+    padding-left: 32px;
+  }
+}
+
+@media only screen and (width <= 544px) {
+  .dkan-dataset-search div.--alt-style input {
+    --text-input__border-radius: 50px;
+    --text-input__border-color: #c6b7b7;
+    height: 61px;
+  }
+}
+
+.dkan-dataset-search .dc-c-search-button-mobile {
+  z-index: 1000;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  height: 57px;
+  position: absolute;
+  top: 2px;
+  right: 18px;
+}
+
+.dkan-dataset-search--facet-container ul {
+  padding-left: 0;
+  list-style: none;
+}
+
+.dkan-dataset-search--clear-all-filters {
+  width: 100%;
+}
+
+.dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
+  fill: var(--link__color);
+}
+
+.dc-c-search-list-item li a:visited svg {
+  fill: var(--link__color--visited);
+}
+
 :root {
   --su-color--blue-dark: #036;
   --su-color--brown: #884c00;
@@ -757,61 +799,6 @@ div.dc-c-datadictionary-table thead.dc-thead--truncated th > div > div, div.dc-c
   content: "";
 }
 
-.dkan-data-table-download-full-dataset-button:hover, .dkan-data-table-download-full-dataset-button:focus {
-  background-color: #0000 !important;
-}
-
-.dkan-data-table-download-full-dataset-button:hover span, .dkan-data-table-download-full-dataset-button:focus span {
-  color: var(--color-primary) !important;
-}
-
-.dkan-data-table-share-container .ds-c-tooltip__arrow {
-  display: none;
-}
-
-.dkan-data-table-share-container .dkan-data-table-share-button {
-  border: 2px solid var(--color-primary) !important;
-}
-
-.dkan-data-table-share-container .dkan-data-table-share-button .fa-chevron-down, .dkan-data-table-share-container .dkan-data-table-share-button.dkan-data-table-share-tooltip-open .fa-chevron-up {
-  display: none;
-}
-
-.dkan-data-table-share-container .dkan-data-table-share-button.dkan-data-table-share-tooltip-open .fa-chevron-down {
-  display: block;
-}
-
-.dkan-data-table-share-container .dkan-data-table-share-button:hover, .dkan-data-table-share-container .dkan-data-table-share-button:focus {
-  color: var(--color-primary) !important;
-  background-color: #0000 !important;
-}
-
-.dkan-data-table-share-container .ds-c-tooltip {
-  border-color: var(--color-border);
-}
-
-.dkan-data-table-share-container .ds-c-tooltip__content {
-  padding: 16px 16px 8px;
-}
-
-.dkan-data-table-share-container .dkan-data-table-share-button:hover, .dkan-data-table-share-container .dkan-data-table-share-button:focus {
-  color: var(--color-white);
-}
-
-@media screen and (width <= 767px) {
-  .dkan-data-table-share-container {
-    order: 1;
-  }
-
-  .dkan-data-table-info-container {
-    order: 2;
-  }
-}
-
-.dkan-manage-columns-wrapper .fa-columns:before {
-  font-size: .75em !important;
-}
-
 dialog.dkan-manage-columns-dialog {
   width: 100%;
   height: 80vh;
@@ -852,12 +839,6 @@ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns
   background-color: var(--color-primary-lighter);
 }
 
-@media screen and (width <= 1023px) {
-  .dkan-manage-columns-wrapper .fa-columns:before {
-    font-size: 1.4em !important;
-  }
-}
-
 @media screen and (width <= 767px) {
   dialog.dkan-manage-columns-dialog {
     height: 100%;
@@ -887,355 +868,24 @@ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns
   }
 }
 
-.dkan-fullscreen-data-table-wrapper .fa-compress:before, .dkan-fullscreen-data-table-wrapper .fa-expand:before {
-  font-size: .75em !important;
-}
-
-dialog.dkan-full-screen-dataset-dialog {
-  height: 100vh;
-}
-
 dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window {
-  flex-direction: column;
   width: 100%;
   max-width: 100%;
-  height: 100%;
   margin: 0;
-  display: flex;
-}
-
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__header {
-  flex: 0;
-  width: 100%;
-}
-
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] {
-  flex-direction: column;
-  height: 100%;
-  display: flex;
-  overflow: hidden;
-}
-
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode {
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  overflow: hidden;
-}
-
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode > div {
-  flex: 0;
-  width: 100%;
-  min-height: auto;
-  margin: 8px 0 !important;
-}
-
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode .dc-c-datatable-wrapper {
-  flex: 1;
-  width: 100%;
-  height: 100%;
-}
-
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode ~ div {
-  flex: 0;
-  width: 100%;
 }
 
 dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window form {
   max-width: 1024px;
 }
 
-@media screen and (width <= 1023px) {
-  .dkan-fullscreen-data-table-wrapper .fa-compress:before, .dkan-fullscreen-data-table-wrapper .fa-expand:before {
-    font-size: 1.4em !important;
-  }
-}
-
-.dkan-filter-dataset-control {
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 42px;
-  align-items: center;
-  gap: 1rem;
-  display: grid;
-}
-
-.dkan-delete-dataset-filter-button {
-  width: 32px;
-  height: 32px;
-}
-
-.dkan-clear-dataset-filters-button {
-  color: var(--color-primary);
-  text-decoration: underline;
-  background-color: #0000 !important;
-  border: 0 !important;
-}
-
-.dkan-clear-dataset-filters-button:hover, .dkan-clear-dataset-filters-button:focus {
-  text-decoration: none;
-  color: var(--color-primary) !important;
-  background-color: #0000 !important;
-}
-
-.dkan-filter-dataset-wrapper .fa-filter:before {
-  font-size: .75em !important;
-}
-
-dialog.dkan-filter-dataset-dialog {
-  width: 100%;
-  height: 80vh;
-}
-
-dialog.dkan-filter-dataset-dialog .ds-c-dialog__window {
-  min-width: 768px;
-  padding: 0;
-}
-
-dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__header {
-  padding: 24px 24px 10px;
-}
-
-dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-label {
-  border: 0 !important;
-  width: 0 !important;
-  height: 0 !important;
-  margin: 0 !important;
-  padding: 0 !important;
-  display: block !important;
-  overflow: hidden !important;
-}
-
-dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
-  margin: 0;
-}
-
-.dkan-filter-dataset-controls-header {
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 42px;
-  align-items: center;
-  gap: 1rem;
-  display: grid;
-}
-
-.dkan-filter-dataset-controls-header-gutter {
-  width: 42px;
-}
-
-.dkan-apply-dataset-filters-button:hover, .dkan-apply-dataset-filters-button:focus {
-  background-color: #0000 !important;
-}
-
-@media screen and (width <= 1023px) {
-  .dkan-filter-dataset-wrapper .fa-filter:before {
-    font-size: 1.4em !important;
-  }
-}
-
-@media screen and (width <= 767px) {
-  dialog.dkan-filter-dataset-dialog {
-    height: 100%;
-  }
-
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window {
-    flex-direction: column;
-    width: 100%;
-    min-width: auto;
-    height: 100%;
-    margin-top: 0;
-    display: flex;
-  }
-
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__header {
-    flex: 0;
-    width: 100%;
-    padding: 24px 16px 10px;
-  }
-
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body, dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] {
-    flex-direction: column;
-    flex: 1;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    overflow: hidden;
-  }
-
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div {
-    flex-direction: column;
-    height: 100%;
-    display: flex;
-  }
-
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div > * {
-    flex: 0;
-    width: 100%;
-  }
-
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container {
-    flex: 1;
-    height: 100%;
-    overflow: hidden;
-  }
-
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div {
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    overflow: hidden;
-  }
-
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div .dkan-filter-dataset-controls {
-    flex: 1;
-    height: 100%;
-    overflow: auto;
-  }
-
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div > div {
-    flex: 0;
-    width: 100%;
-  }
-
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
-    border-top: 1px solid #d9d9d9;
-    flex: 0;
-    width: 100%;
-  }
-}
-
-.dkan-filter-chip {
-  background: var(--filter-chip__background-color);
-  border: solid 1px var(--filter-chip__border-color);
-  border-radius: var(--filter-chip__border-radius);
-  color: var(--filter-chip__color);
-  white-space: nowrap;
-}
-
-.dkan-filter-chip .fa.fa-x {
-  color: var(--filter-chip-icon__color);
-}
-
-.dkan-table-density-button {
-  border: solid 1px var(--color-gray-light);
-}
-
-.dkan-table-density-button svg {
-  width: 22px;
-  height: auto;
-}
-
-.dkan-table-density-button svg > path {
-  fill: var(--color-gray-light);
-}
-
-.dkan-table-density-button.active {
-  border-color: var(--color-primary);
-}
-
-.dkan-table-density-button.active svg > path {
-  fill: var(--color-primary);
-}
-
-.dkan-filter-dataset-toolbar-button {
-  color: var(--color-primary);
-}
-
-.dkan-filter-dataset-toolbar-button span {
-  text-decoration: underline;
-}
-
-.dkan-filter-dataset-toolbar-button:hover span, .dkan-filter-dataset-toolbar-button:focus span {
-  text-decoration: none;
-}
-
-.dkan-filter-dataset-toolbar-button .fa-chevron-up, .dkan-filter-dataset-toolbar-button .fa-chevron-down {
-  font-size: 10px;
-  line-height: normal;
-}
-
-.dkan-filter-dataset-toolbar-button .fa-chevron-down, .dkan-filter-dataset-toolbar-button.dkan-data-table-display-settings-tooltip-open .fa-chevron-up {
-  display: none;
-}
-
-.dkan-filter-dataset-toolbar-button.dkan-data-table-display-settings-tooltip-open .fa-chevron-down {
-  display: block;
-}
-
-.dkan-display-settings-wrapper .ds-c-tooltip {
-  border-color: var(--color-gray-lighter);
-  box-shadow: 0 0 3px 0 var(--color-gray-light);
-  border-radius: 0;
-}
-
-.dkan-display-settings-wrapper .ds-c-tooltip__arrow {
-  display: none;
-}
-
-.dkan-display-settings-wrapper .ds-c-tooltip__content {
-  border-radius: 0;
-  padding: 8px 24px;
-}
-
-.dkan-display-settings-wrapper .ds-c-dropdown__button.ds-c-field {
-  margin: 0;
-}
-
-.dkan-display-settings-wrapper .ds-c-dropdown__label {
-  border: 0 !important;
-  width: 0 !important;
-  height: 0 !important;
-  margin: 0 !important;
-  padding: 0 !important;
-  display: block !important;
-  overflow: hidden !important;
-}
-
-.dkan-display-settings-wrapper .dkan-data-table-display-settings-row {
-  grid-template-columns: 1fr 1fr;
-  align-items: center;
-  gap: .5rem;
-  display: grid;
-}
-
-@media screen and (width <= 1023px) {
-  .dkan-display-settings-wrapper .fa-sliders-h:before {
-    font-size: 1.4em !important;
-  }
-}
-
-.dkan-filter-dataset-toolbar {
-  box-shadow: 0 0 3px #a6a6a6;
-}
-
-.dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button {
-  color: var(--color-primary);
-  border: 0;
-  line-height: normal;
-  text-decoration: none !important;
-}
-
-.dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button > span {
-  text-decoration: underline;
-}
-
-.dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button:hover > span, .dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button:focus > span {
-  text-decoration: none;
-}
-
-.dkan-clear-all-filters-button:hover, .dkan-clear-all-filters-button:focus {
-  color: var(--color-primary) !important;
+dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fullscreen-mode {
+  min-height: calc(100vh - 415px);
+  max-height: calc(100vh - 415px);
+  overflow: hidden;
 }
 
-@media screen and (width <= 767px) {
-  .dkan-data-table-toolbar-controls {
-    border-top: 1px solid var(--color-gray-lighter);
-    justify-content: space-between;
-  }
+dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fullscreen-mode .dc-c-datatable-wrapper {
+  max-height: calc(100vh - 473px);
 }
 
 .dc-c-breadcrumb__list {
@@ -1401,47 +1051,6 @@ dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
   overflow-wrap: anywhere;
 }
 
-@media only screen and (width >= 544px) {
-  .dkan-dataset-search input {
-    padding-left: 32px;
-  }
-}
-
-@media only screen and (width <= 544px) {
-  .dkan-dataset-search div.--alt-style input {
-    --text-input__border-radius: 50px;
-    --text-input__border-color: #c6b7b7;
-    height: 61px;
-  }
-}
-
-.dkan-dataset-search .dc-c-search-button-mobile {
-  z-index: 1000;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  height: 57px;
-  position: absolute;
-  top: 2px;
-  right: 18px;
-}
-
-.dkan-dataset-search--facet-container ul {
-  padding-left: 0;
-  list-style: none;
-}
-
-.dkan-dataset-search--clear-all-filters {
-  width: 100%;
-}
-
-.dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
-  fill: var(--link__color);
-}
-
-.dc-c-search-list-item li a:visited svg {
-  fill: var(--link__color--visited);
-}
-
 .dc-dataset-search-list {
   list-style: none;
 }