MDN Editor (UI Tweaks)

tweaks for the UI of the MDN Editor (https://wiki.developer.mozilla.org/*$edit)

目前为 2020-05-04 提交的版本。查看 最新版本

  1. /* ==UserStyle==
  2. @name MDN Editor (UI Tweaks)
  3. @namespace almaceleste
  4. @version 0.2.1
  5. @description tweaks for the UI of the MDN Editor (https://wiki.developer.mozilla.org/*$edit)
  6. @author almaceleste (https://almaceleste.github.io)
  7. @license AGPL-3.0-or-later; http://www.gnu.org/licenses/agpl.txt
  8.  
  9. @homepageURL https://github.com/almaceleste/userstyles
  10. @homepageURL https://userstyles.org/styles/181086
  11. @supportURL https://github.com/almaceleste/userstyles/issues
  12.  
  13. @preprocessor uso
  14. ==/UserStyle== */
  15.  
  16. @-moz-document regexp('https://wiki\\.developer\\.mozilla\\.org/.*\\$edit') {
  17. #content-fields > .approved > header {
  18. padding: 10px;
  19. position: sticky;
  20. top: -55px;
  21. z-index: 999;
  22. }
  23.  
  24. #content-fields > .approved > header > h3 {
  25. display: inline-block;
  26. font-size: 1rem;
  27. margin: 0;
  28. position: sticky;
  29. top: 10px;
  30. }
  31.  
  32. #content-fields > .approved > header button {
  33. font-size: .77rem;
  34. margin-top: 15px;
  35. }
  36.  
  37. #page-comment {
  38. bottom: 0px;
  39. padding: 10px;
  40. position: fixed;
  41. width: 98%;
  42. z-index: 999;
  43. }
  44.  
  45. #page-comment > h3 {
  46. display: inline-block;
  47. font-size: medium;
  48. margin: 0;
  49. }
  50.  
  51. #page-comment > h3 .icon-question-mark {
  52. height: 17px;
  53. width: 17px;
  54. }
  55.  
  56. #page-comment > p {
  57. display: inline-block;
  58. font-size: small;
  59. margin: 0;
  60. width: 70%;
  61. }
  62.  
  63. input#id_comment {
  64. padding: 3px;
  65. }
  66. }