SE(しがないエンジニア)のブログ

IT技術ネタ(クラウド・セキュリティ周り)が中心です!他雑記(お馬さん 他いろいろ)もあり。

Pleasanter の添付ファイルやコメントの「×」を消す方法

削除のボタンを消したい!

添付ファイルやコメントの追加は許可したいけど削除は許可したくない!そんなことありませんか?Pleasanter 標準の機能としてはそこまで細かくコントロールできない為、(見た目上での調整ですが)対応できました。ちなみに、今回のケースは「添付ファイル」と「コメント」に限定した話となります。

実際の削除法は?

当初、jQuery の hide() を利用しつつ MutationObserver にて対応したのですが失敗。添付ファイル部分で DOM を監視する際に1つの追加であれば OK だったのですが、2つ以上は「×」が表示され NG でした。
developer.mozilla.org
他で色々と試行錯誤したうちに辿り着いたのはスタイルにて対応する方法でした。なぜ、コレを最初に思い浮かばなかったのだろう。。笑

div.ui-icon.ui-icon-circle-close.delete-file {
    /* 添付ファイル */
    display:none
}
span.ui-icon.ui-icon-closethick {
    /* コメント */
    display:none
}

結果はこちら!
f:id:btsn:20200417003741p:plain