made file-viewer smaller if the file-viewer is displayed within a message
won-file-viewer {
@include won-detail-viewer("filev");
+ &.won-in-message {
+ .filev__content {
+ width: 100%;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-gap: 0.25rem;
+ }
+
+ .filev__content__item {
+ .filev__content__item__inner {
+ display: grid;
+ grid-template-rows: min-content 1fr;
+ border: $thinGrayBorder;
+ border-radius: 0.19rem;
+ height: 5rem;
+ background: $won-lighter-gray;
+ grid-gap: 0.25rem;
+ padding: 0.25rem;
+ justify-items: center;
+
+ &:hover {
+ cursor: pointer;
+ }
+
+ .filev__content__item__inner__image,
+ .filev__content__item__inner__typeicon {
+ grid-row: 2 / span 1;
+ max-width: 100%;
+ max-height: 100%;
+ --local-primary: #{$won-line-gray};
+ }
+
+ .filev__content__item__inner__label {
+ grid-row: 1 / span 1;
+ font-size: $smallFontSize;
+ color: $won-primary-text-color;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ max-width: 100%;
+ white-space: nowrap;
+ }
+ }
+ }
+ }
+
+ &:not(.won-in-message) {
.filev__content {
width: 100%;
display: grid;
@@ -47,3 +93,4 @@ won-file-viewer {
}
}
}
+}
