2022年6月3日の投稿[4件]
教えていただいた方法を早速試したところ、未ログイン状態で編集ボタンが消えました。ありがとうございますう!!
お手数をおかけしました。
遅くなりましたが、
skin-cover.htmlが外側スキンであること、 class="Login-Required"がskin-onelog.htmlでも動作すること、教えてくださってありがとうございます。質問を投げっぱなしで、お礼を忘れておりました。すみません。
🍵Re:2863◆お知らせ下さってありがとうございます。製作方法は正しいです。skin-onelog.htmlでももちろん動作します(編集ボタンはskin-onelog.htmlにしか書けませんから)。が、現在の最新版で提供しているスキンに含まれているCSSだと、この方法では編集ボタンが消えなくなっている事実に気付きました。)゚o゚(
なんてこったい。
スキンに含まれている tegalog.css をご覧下さい。
ここの780行目付近に、以下のような記述があります。
/* ‥‥‥‥‥‥ */
/* ▼編集リンク */
/* ‥‥‥‥‥‥ */
.editlink a {
display: inline-block; /* インラインブロック化 */
font-size: 0.82em; /* 文字サイズ */
color: black; /* 文字色 */
: : :
ここの display: inline-block; を削除して下さい。
そうすると、本来の動作になります。
お手数ですがお試し下さい。
▼原因
ログインされていない状況では(条件を満たしたときにだけ) .Login-Required { display: none; } のCSSが出力される仕様です。そのために、編集ボタンを出力しているa要素に class="Login-Required" を加えると、ログインされていない場合にだけ編集ボタンを見えなくできるハズなのです……が、スキンのCSSファイル側に display: inline-block; という記述が含まれていると、そちらの方が(CSSでの詳細度が高い書き方になっているので)優先適用されてしまうために、(状況に関係なく常に)消せなくなっていました。orz
いつのバージョンから発生している問題なのか分かりませんが……。orz
いつからだ……?🤔
▼今後の対処
次のバージョン以後では、 .Login-Required { display: none !important; } と出力するように仕様変更しておきます……。
お返事ありがとうございます。
<a href="[[EDITURL]]" class="Login-Required" title="No.[[POSTID]]を編集します。">編集</a>
となっています。
skin-onelog.htmlの<p class="oneloginfo"></p>にある編集ボタンをログイン状態でしか見えなくしたいんです。
skin-cover.htmlで<div class="Login-Required"></div>を挿入するとログイン状態でしか見えなくなりました。
skin-onelog.htmlでは動作しないものですか?