diff --git a/features/features.json b/features/features.json index 80d8d888..e1539e6e 100644 --- a/features/features.json +++ b/features/features.json @@ -1,4 +1,9 @@ [ + { + "version": 2, + "id": "wrap-lists", + "versionAdded": "v3.3.0" + }, { "version": 2, "id": "live-stats", diff --git a/features/wrap-lists/data.json b/features/wrap-lists/data.json new file mode 100644 index 00000000..9e972624 --- /dev/null +++ b/features/wrap-lists/data.json @@ -0,0 +1,11 @@ +{ + "title": "Wrap List Items", + "description": "Displays text in list items normally without cutting them off if they're too long.", + "credits": [ + { "username": "rgantzos", "url": "https://scratch.mit.edu/users/rgantzos/" } + ], + "type": ["Editor"], + "tags": ["New", "Featured", "Beta"], + "dynamic": true, + "styles": [{ "file": "style.css", "runOn": "/projects/*" }] +} diff --git a/features/wrap-lists/style.css b/features/wrap-lists/style.css new file mode 100644 index 00000000..8c76c1f2 --- /dev/null +++ b/features/wrap-lists/style.css @@ -0,0 +1,20 @@ +div[class^="monitor_list-row_"] { + position: static !important; + height: fit-content !important; +} + +div[class^="monitor_list-row_"] div[class^="monitor_value-inner_"] { + text-overflow: initial !important; + text-wrap: wrap !important; + overflow-wrap: break-word; +} + +div[class^="monitor_list-row_"] div[class^="monitor_list-value_"] { + height: fit-content !important; +} + +div.ReactVirtualized__Grid__innerScrollContainer { + overflow-y: visible !important; + height: fit-content !important; + max-height: fit-content !important; +} \ No newline at end of file