You are here

Home » API reference » Answers 1.0.x

answers.module.css in Answers 1.0.x

Same filename and directory in other branches
  1. 2.0.x modules/core/css/answers.module.css
/* .field--name-field-body {
    display: inline;
}

.comment-answers-comment-form.comment-form,
.comment-answers-question-comment-form.comment-form {
    display: none;
}

body.page-node-type-answers-question .form-item-comment-body-0-value label[for="edit-comment-body-0-value"] {
    display: none;
} */

article.answers-comment {
    display: flex
}

article.answers-comment .comment-actions {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-content: flex-start;
    width: 37px;
    width: calc(2ch + 16px + 4px + 2px);
    margin-right: 9px;
}

article.answers-comment .comment-text {
    grid-column: 2;
    float: right;
    /* width: 20px; */
}

article.answers-comment>span * {
    display: inline-block;
}

article.answers-comment .comment-voting {
    width: 20px;
    padding-right: 4px;
    float: right;
}

article.answers-comment .comment-points {
    width: 20px;
    padding-right: 4px;
    float: right;
}

article.answers-comment .comment-flagging {
    width: 20px;
    float: right;
    padding-right: 4px;
    grid-column: 2;
}

.answers-question-grid {
    display: grid;
}

.answers-question-grid>.answers-actions {
    grid-column: 1;
    width: auto;
    padding-right: 16px;
}

.answers-question-grid>.answers-content {
    padding-right: 16px;
    grid-column: 2;
    width: auto;
    min-width: 0;
    vertical-align: top;
}

form.comment-answers-question-comment-form div.form-item-comment-body-0-value label,
form.comment-answers-comment-form div.form-item-comment-body-0-value label,
form.comment-answers-answer-form div.form-item-comment-body-0-value label {
    display: none
}

File

modules/core/css/answers.module.css
View source 
  1. /* .field--name-field-body {

  2.     display: inline;

  3. }

  4. 

  5. .comment-answers-comment-form.comment-form,

  6. .comment-answers-question-comment-form.comment-form {

  7.     display: none;

  8. }

  9. 

  10. body.page-node-type-answers-question .form-item-comment-body-0-value label[for="edit-comment-body-0-value"] {

  11.     display: none;

  12. } */

  13. 

  14. article.answers-comment {

  15.     display: flex

  16. }

  17. 

  18. article.answers-comment .comment-actions {

  19.     display: grid;

  20.     grid-template-columns: repeat(2, max-content);

  21.     align-content: flex-start;

  22.     width: 37px;

  23.     width: calc(2ch + 16px + 4px + 2px);

  24.     margin-right: 9px;

  25. }

  26. 

  27. article.answers-comment .comment-text {

  28.     grid-column: 2;

  29.     float: right;

  30.     /* width: 20px; */

  31. }

  32. 

  33. article.answers-comment>span * {

  34.     display: inline-block;

  35. }

  36. 

  37. article.answers-comment .comment-voting {

  38.     width: 20px;

  39.     padding-right: 4px;

  40.     float: right;

  41. }

  42. 

  43. article.answers-comment .comment-points {

  44.     width: 20px;

  45.     padding-right: 4px;

  46.     float: right;

  47. }

  48. 

  49. article.answers-comment .comment-flagging {

  50.     width: 20px;

  51.     float: right;

  52.     padding-right: 4px;

  53.     grid-column: 2;

  54. }

  55. 

  56. .answers-question-grid {

  57.     display: grid;

  58. }

  59. 

  60. .answers-question-grid>.answers-actions {

  61.     grid-column: 1;

  62.     width: auto;

  63.     padding-right: 16px;

  64. }

  65. 

  66. .answers-question-grid>.answers-content {

  67.     padding-right: 16px;

  68.     grid-column: 2;

  69.     width: auto;

  70.     min-width: 0;

  71.     vertical-align: top;

  72. }

  73. 

  74. form.comment-answers-question-comment-form div.form-item-comment-body-0-value label,

  75. form.comment-answers-comment-form div.form-item-comment-body-0-value label,

  76. form.comment-answers-answer-form div.form-item-comment-body-0-value label {

  77.     display: none

  78. }