شكرًا لك على هذا يا دون، كنت أرغب في القيام بذلك لسنوات! لقد أخذت فكرتك خطوة أبعد لتلبية احتياجاتي. نظرًا لأن موقعي مختلف قليلاً وكل فئة مختلفة وليست مجرد مناقشات مباشرة، فقد اخترت تغيير نص زر الرد بالكامل. لذلك، بالنسبة لفئة نقد الصور الخاصة بي، قمت بتغييرها إلى “قدم نقدًا أو رد”، من خلال إضافة “أو رد” أعتقد أنه يتجاوز مخاوف جاكي. شكرًا لك على طرح ذلك يا جاكي، في البداية قمت بتعيينه على “قدم نقدًا” فقط، لكنك على حق في أن هذا لا يعمل في جميع المواقف.
لا أحب خدعة font-size: 0، لكنني لم أتمكن من جعل خدعة visibility:hidden تعمل مع هذا لسبب ما. أيضًا، حاولت تعيين font-size إلى 1em بدلاً من px، لكن ذلك لم ينجح أيضًا. انتهى بي الأمر باستخدام خط أكبر قليلاً لجعل هذا الزر يبرز، لكنني أفضل استخدام em حتى يتناسب الخط مع الحجم.
// نقد الصور
body.category-image-critiques-abstract-critiques,
body.category-image-critiques-avian-critiques,
body.category-image-critiques-flora-critiques,
body.category-image-critiques-human-fauna-critiques,
body.category-image-critiques-landscape-critiques,
body.category-image-critiques-macro-critiques,
body.category-image-critiques-night-critiques,
body.category-image-critiques-non-nature-critiques,
body.category-image-critiques-wildlife-critiques,
body.category-image-critiques-weekly-challenge {
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label {
// إخفاء نص الرد
font-size: 0;
}
}
}
}
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label:after {
// نص جديد
font-size: 18px;
content: "Critique Image or Reply";
}
}
}
}
}
هذا رائع بشكل خاص لفئة الأسئلة والأجوبة (AMA) الخاصة بي حيث قمت بتغيير زر الرد إلى “اطرح سؤالاً”، وهو أمر رائع! كما أنه يساعد الشخص الذي يقوم بالأسئلة والأجوبة على فهم أنه بحاجة إلى استخدام زر الرد الصغير.
// AMA
body.category-learning-ama {
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label {
// إخفاء نص الرد
font-size: 0;
}
}
}
}
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label:after {
// نص جديد
font-size: 18px;
content: "Ask a question";
}
}
}
}
}
لقد قمت أيضًا بتعيين لون خلفية لزر الرد لجعله يبرز قليلاً. لم أكتشف كيفية جعله ينتقل بشكل صحيح عند المرور فوقه، أي أفكار حول ذلك ستكون مفيدة…
.discourse-no-touch .topic-body .actions .fade-out {
background: var(--primary-low);
}
على أي حال، آمل أن يساعد هراءي الآخرين!