polaris_view_components 0.4.0 → 0.8.0

data/app/assets/stylesheets/polaris_view_components/custom.css

@@ -1,3 +1,7 @@
+.Polaris--hidden {
+  display: none !important;
+}
+
 /* Add missing 1/4 section for layout */
 @media (min-width: 30.625em) {
   .Polaris-Layout__Section--oneFourth {
@@ -16,3 +20,122 @@ a.Polaris-Tag__Button {
 .Polaris-DataTable__Cell--sortable a {
   text-decoration: none;
 }
+
+/* CardSection borders */
+.Polaris-Card__Section--borderTop {
+  border-top: 0.1rem solid var(--p-divider);
+}
+.Polaris-Card__Section--borderBottom {
+  border-bottom: 0.1rem solid var(--p-divider);
+}
+
+/* IndexTable */
+
+/* TestStyle sizes */
+.Polaris-TextStyle--sizeSmall {
+  font-size: 1.25rem;
+}
+
+/* Remove box-shadow from buttons and links */
+.Polaris-Button::after,
+.Polaris-Button:focus::after,
+.Polaris-Breadcrumbs__Breadcrumb::after {
+  box-shadow: none !important;
+}
+
+.Polaris-Tabs__Tab:focus > .Polaris-Tabs__Title::after {
+  box-shadow: none !important;
+}
+
+/* ResourceItem */
+.Polaris-ResourceItem__Owned--offset {
+  padding-left: 2rem;
+}
+
+/* Popover */
+.Polaris-Popover {
+  margin: 0;
+}
+
+.Polaris-Popover__PopoverOverlay--closed {
+  visibility: hidden;
+  pointer-events: none;
+}
+
+/* Filters */
+
+.Polaris-Filters-ConnectedFilterControl__RightContainer {
+  .Polaris-Filters-ConnectedFilterControl__Item {
+    & > div > div > button {
+      margin-right: var(--p-button-group-item-spacing);
+      border-radius: 0;
+    }
+
+    &:first-of-type > div > div > button {
+      border-top-left-radius: var(--p-border-radius-base);
+      border-bottom-left-radius: var(--p-border-radius-base);
+    }
+  }
+
+  &.Polaris-Filters-ConnectedFilterControl--queryFieldHidden {
+    .Polaris-Filters-ConnectedFilterControl__Item:first-of-type > div > div > button {
+      border-top-left-radius: var(--p-border-radius-base);
+      border-bottom-left-radius: var(--p-border-radius-base);
+    }
+  }
+}
+
+.Polaris-Filters-ConnectedFilterControl__RightContainerWithoutMoreFilters {
+  .Polaris-Filters-ConnectedFilterControl__Item:last-child > div > div > button {
+    border-top-right-radius: var(--p-border-radius-base);
+    border-bottom-right-radius: var(--p-border-radius-base);
+  }
+}
+
+/* Toast */
+.Polaris-Frame-ToastManager {
+  bottom: 0;
+}
+
+/* Autocomplete */
+
+.Polaris-Autocomplete__EmptyState {
+  padding: 0.8rem 1.6rem;
+}
+
+/* DropZone */
+.Polaris-DropZone {
+  &__Preview {
+    padding: 1.5rem;
+    display: flex;
+    height: 100%;
+
+    &--singleFile {
+      align-items: center;
+      text-align: center;
+      justify-content: center;
+    }
+
+    &--sizeSmall {
+      padding: 0;
+      justify-content: center;
+
+      .Polaris-Thumbnail {
+        border: none;
+
+        img {
+          width: 100%;
+          object-fit: cover;
+        }
+      }
+    }
+  }
+
+  &__Loader {
+    display: flex;
+    height: 100%;
+    align-items: center;
+    text-align: center;
+    justify-content: center;
+  }
+}

data/app/assets/stylesheets/polaris_view_components/shopify_navigation.css

@@ -106,10 +106,6 @@
   border-bottom: .3rem solid var(--p-action-primary)
 }
 
-.shp-Navigation_Link:focus {
-  box-shadow: inset 0 0 2px 0 rgba(92, 106, 196, .8), 0 0 2px 0 rgba(92, 106, 196, .8)
-}
-
 .shp-Navigation_Link:focus .shp-Navigation_LinkText {
   font-weight: 400;
   color: var(--p-text)