Slack: an Avatars switch in the transcript's gear
Off, the picture square goes and each row starts at the left edge — the same behaviour as ProdCom's channel-icon switch. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5.1
parent
857a53fec8
commit
11de9cd150
@@ -695,6 +695,7 @@ function createTranscriptTile({ root, moduleApi }) {
|
|||||||
function applyInstanceSettings() {
|
function applyInstanceSettings() {
|
||||||
const s = moduleApi.instanceSettings;
|
const s = moduleApi.instanceSettings;
|
||||||
wrap.style.setProperty('--sl-size', textSizePx(moduleApi) + 'px');
|
wrap.style.setProperty('--sl-size', textSizePx(moduleApi) + 'px');
|
||||||
|
wrap.classList.toggle('hide-avatars', s.showAvatars === false);
|
||||||
wrap.classList.toggle('show-times', s.showTimes !== false);
|
wrap.classList.toggle('show-times', s.showTimes !== false);
|
||||||
wrap.classList.toggle('show-names', s.showNames !== false);
|
wrap.classList.toggle('show-names', s.showNames !== false);
|
||||||
wrap.classList.toggle('show-system', s.showSystem !== false);
|
wrap.classList.toggle('show-system', s.showSystem !== false);
|
||||||
|
|||||||
@@ -105,6 +105,11 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"instanceSchema": {
|
"instanceSchema": {
|
||||||
|
"showAvatars": {
|
||||||
|
"type": "switch",
|
||||||
|
"label": "Avatars",
|
||||||
|
"default": true
|
||||||
|
},
|
||||||
"showTimes": {
|
"showTimes": {
|
||||||
"type": "switch",
|
"type": "switch",
|
||||||
"label": "Timestamps",
|
"label": "Timestamps",
|
||||||
|
|||||||
@@ -117,6 +117,8 @@
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
}
|
}
|
||||||
|
/* "Avatars" off: the square goes and the row starts at the left edge, as in ProdCom */
|
||||||
|
[data-module="slack"] .sl-wrap.hide-avatars .sl-avatar { display: none; }
|
||||||
[data-module="slack"] .sl-avatar-img {
|
[data-module="slack"] .sl-avatar-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
Reference in New Issue
Block a user