diff --git a/front/salix/components/app/style.scss b/front/salix/components/app/style.scss index a2082dc8e..fa9f0706f 100644 --- a/front/salix/components/app/style.scss +++ b/front/salix/components/app/style.scss @@ -3,6 +3,7 @@ body { background-color: $color-bg; overflow: auto; + height: 100% } vn-app { height: inherit; diff --git a/front/salix/styles/index.js b/front/salix/styles/index.js index 806021463..969793a32 100644 --- a/front/salix/styles/index.js +++ b/front/salix/styles/index.js @@ -14,3 +14,4 @@ import './summary.scss'; import './descriptor.scss'; import './list.scss'; import './modal-form.scss'; +import './photo-list.scss'; diff --git a/front/salix/styles/photo-list.scss b/front/salix/styles/photo-list.scss new file mode 100644 index 000000000..c573d06a2 --- /dev/null +++ b/front/salix/styles/photo-list.scss @@ -0,0 +1,38 @@ +@import "./variables"; +.photo-list { + justify-content: center; + align-items: flex-start; + align-content: flex-start; + flex-wrap: wrap; + + .photo { + box-sizing: border-box; + transition: all 0.5s; + padding: $pad-small; + position: relative; + opacity: 0.7; + width: 28em; + + .image { + box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), + 0 3px 1px -2px rgba(0,0,0,.2), + 0 1px 5px 0 rgba(0,0,0,.12); + overflow: hidden; + cursor: zoom-in; + height: 100%; + + img { + max-width: 100% + } + } + .actions { + position: absolute; + right: 1em; + top: 1em + } + } + + .photo:hover { + opacity: 1 + } +} \ No newline at end of file diff --git a/modules/claim/front/dms/index/index.html b/modules/claim/front/dms/index/index.html index 91dad4e1e..9b24c65ca 100644 --- a/modules/claim/front/dms/index/index.html +++ b/modules/claim/front/dms/index/index.html @@ -6,9 +6,8 @@
-
-
diff --git a/modules/claim/front/dms/index/style.scss b/modules/claim/front/dms/index/style.scss index 067a7c95c..d02798940 100644 --- a/modules/claim/front/dms/index/style.scss +++ b/modules/claim/front/dms/index/style.scss @@ -10,6 +10,7 @@ vn-claim-dms-index { .photo { width: 32em; + height: 18em; } } diff --git a/modules/claim/front/summary/index.html b/modules/claim/front/summary/index.html index 7877987d1..65d08777b 100644 --- a/modules/claim/front/summary/index.html +++ b/modules/claim/front/summary/index.html @@ -83,9 +83,8 @@

Photos

-
-
diff --git a/modules/claim/front/summary/style.scss b/modules/claim/front/summary/style.scss index 280e519c2..38136f24a 100644 --- a/modules/claim/front/summary/style.scss +++ b/modules/claim/front/summary/style.scss @@ -1,36 +1,12 @@ @import "./variables"; -.photo-list { - justify-content: center; - align-items: flex-start; - align-content: flex-start; - flex-wrap: wrap; - +vn-claim-summary { .photo { - box-sizing: border-box; - padding: $pad-small; - position: relative; - opacity: 0.7; - transition: all 0.5s; - width: 28em; - - .image { - border: 2px solid $color-bg-dark; - border-radius: 0.2em; - overflow: hidden; - - img, video { - max-width: 100% - } - } - .actions { - position: absolute; - right: 1em; - top: 1em - } + height: 15.5em; } - - .photo:hover { - opacity: 1 + .photo .image { + border: 2px solid $color-bg-dark; + border-radius: 0.2em; } + } \ No newline at end of file