主题页脚的回复按钮可能会破坏帖子

贡献 用户体验
11

感谢您的分享，Don！我多年来一直想这样做！我根据自己的需求更进一步。由于我的网站有点不同，每个类别都不同，不仅仅是直接的讨论，所以我选择完全更改回复按钮的文本。因此，对于我的图片评论类别，我将其更改为“提供评论或回复”，通过添加“或回复”，我认为可以解决 Jakke 的担忧。感谢您提出这一点，Jakke，我最初将其设置为仅“提供评论”，但您说得对，这并不适用于所有情况。

我不喜欢 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 的人理解他们需要使用小的回复按钮。

// 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);
}

image
image1880×1430 116 KB

总之，希望我的啰嗦能帮助到其他人！

2 个赞