Version 1

[yaffs-website] / web / modules / contrib / image_widget_crop / css / image_widget_crop.css

diff --git a/web/modules/contrib/image_widget_crop/css/image_widget_crop.css b/web/modules/contrib/image_widget_crop/css/image_widget_crop.css
new file mode 100644 (file)
index 0000000..8f67091
--- /dev/null
+++ b/web/modules/contrib/image_widget_crop/css/image_widget_crop.css
@@ -0,0 +1,93 @@
+.crop-preview-wrapper__preview-image {
+  display: block;
+  width: 100%;
+  height: auto;
+  margin-bottom: 1em;
+}
+
+.image-data__crop-wrapper .crop-preview-wrapper__crop-reset {
+  margin-top: 1em;
+}
+
+.cropper--height-soft-limit-reached .cropper-point,
+.cropper--width-soft-limit-reached .cropper-point {
+  background-color: #a51b00;
+}
+.cropper--height-soft-limit-reached .line-w,
+.cropper--height-soft-limit-reached .line-e {
+  background-color: #ff0000;
+  opacity: 0.2;
+}
+.cropper--width-soft-limit-reached .line-n,
+.cropper--width-soft-limit-reached .line-s {
+  background-color: #ff0000;
+  opacity: 0.2;
+}
+
+@media screen and (max-width: 480px) {
+  .details-wrapper th {
+    display: none;
+  }
+
+  .details-wrapper table,
+  .details-wrapper thead,
+  .details-wrapper tbody,
+  .details-wrapper tr,
+  .details-wrapper td,
+  .details-wrapper th:first-child {
+    display: block;
+  }
+
+  .details-wrapper tr {
+    position: relative;
+    padding: 0;
+  }
+
+  .details-wrapper td {
+    padding: 10px 0;
+  }
+
+  .details-wrapper td  .button.js-form-submit.form-submit {
+    position: absolute;
+    left: 10px;
+    bottom: 10px;
+    max-width: 265px;
+  }
+}
+
+@media screen and (min-width: 641px) and (max-width: 1250px) {
+  .responsive-enabled--opened th {
+    display: none;
+  }
+
+  .responsive-enabled--opened,
+  .responsive-enabled--opened thead,
+  .responsive-enabled--opened tbody,
+  .responsive-enabled--opened tr,
+  .responsive-enabled--opened td,
+  .responsive-enabled--opened th:first-child {
+    display: block;
+  }
+
+  .responsive-enabled--opened tr {
+    position: relative;
+    width: 100%;
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .responsive-enabled--opened td > .button.js-form-submit.form-submit {
+    position: absolute;
+    left: 10px;
+    bottom: 10px;
+    max-width: 265px;
+  }
+
+  .responsive-enabled--opened .vertical-tabs__menu {
+    width: 206px;
+  }
+
+  .responsive-enabled--opened .vertical-tabs__panes {
+    margin-left: 205px;
+  }
+}