@performant-software/semantic-components 0.5.18-beta.5 → 0.5.18-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/main.css CHANGED
@@ -149,6 +149,9 @@
149
149
  .audio-player.ui.modal > .content > audio {
150
150
  width: 100%;
151
151
  }
152
+ .audio-player > .content > .ui.message > .content > p {
153
+ word-break: break-all;
154
+ }
152
155
 
153
156
  .color-button.ui.button {
154
157
  border: 1px solid rgba(34, 36, 38, 0.15);
@@ -597,6 +600,9 @@ div.react-calendar {
597
600
  .photo-viewer {
598
601
  padding: 30px;
599
602
  }
603
+ .photo-viewer > .content > .ui.message > .content > p {
604
+ word-break: break-all;
605
+ }
600
606
 
601
607
  .lazy-image.ui.segment {
602
608
  display: inline-block !important;
@@ -622,6 +628,9 @@ div.react-calendar {
622
628
  .video-player video {
623
629
  width: 100%;
624
630
  }
631
+ .video-player > .content > .ui.message > .content > p {
632
+ word-break: break-all;
633
+ }
625
634
 
626
635
  .lazy-video.ui.segment {
627
636
  display: inline-block !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@performant-software/semantic-components",
3
- "version": "0.5.18-beta.5",
3
+ "version": "0.5.18-beta.8",
4
4
  "description": "A package of shared components based on the Semantic UI Framework.",
5
5
  "license": "MIT",
6
6
  "main": "./build/index.js",
@@ -12,7 +12,7 @@
12
12
  "build": "webpack --mode production && flow-copy-source -v src types"
13
13
  },
14
14
  "dependencies": {
15
- "@performant-software/shared-components": "^0.5.18-beta.5",
15
+ "@performant-software/shared-components": "^0.5.18-beta.8",
16
16
  "@react-google-maps/api": "^2.8.1",
17
17
  "axios": "^0.26.1",
18
18
  "i18next": "^19.4.4",
@@ -1,3 +1,7 @@
1
1
  .audio-player.ui.modal > .content > audio {
2
2
  width: 100%;
3
3
  }
4
+
5
+ .audio-player > .content > .ui.message > .content > p {
6
+ word-break: break-all;
7
+ }
@@ -1,3 +1,7 @@
1
1
  .photo-viewer {
2
2
  padding: 30px;
3
- }
3
+ }
4
+
5
+ .photo-viewer > .content > .ui.message > .content > p {
6
+ word-break: break-all;
7
+ }
@@ -37,12 +37,14 @@ const PhotoViewer = (props: Props) => {
37
37
  icon='exclamation circle'
38
38
  />
39
39
  )}
40
- <Image
41
- alt={props.alt}
42
- fluid
43
- onError={() => setError(true)}
44
- src={props.image}
45
- />
40
+ { !error && (
41
+ <Image
42
+ alt={props.alt}
43
+ fluid
44
+ onError={() => setError(true)}
45
+ src={props.image}
46
+ />
47
+ )}
46
48
  </Modal.Content>
47
49
  </Modal>
48
50
  )}
@@ -1,3 +1,7 @@
1
1
  .video-player video {
2
2
  width: 100%;
3
- }
3
+ }
4
+
5
+ .video-player > .content > .ui.message > .content > p {
6
+ word-break: break-all;
7
+ }
@@ -37,12 +37,14 @@ const PhotoViewer = (props: Props) => {
37
37
  icon='exclamation circle'
38
38
  />
39
39
  )}
40
- <Image
41
- alt={props.alt}
42
- fluid
43
- onError={() => setError(true)}
44
- src={props.image}
45
- />
40
+ { !error && (
41
+ <Image
42
+ alt={props.alt}
43
+ fluid
44
+ onError={() => setError(true)}
45
+ src={props.image}
46
+ />
47
+ )}
46
48
  </Modal.Content>
47
49
  </Modal>
48
50
  )}