~sircmpwn/todo.sr.ht

15e8154fb3b08fd98b9cf6d94c85c3f4a2dd9669 — Drew DeVault a month ago bb5a0a8 0.62.1
dashboard: make prefs style more specific

The more-general version hit some details elements elsewhere, such as
the user assignment UI.

This also improves the margin consistency in the open/closed states.
2 files changed, 8 insertions(+), 11 deletions(-)

M scss/main.scss
M todosrht/templates/dashboard.html
M scss/main.scss => scss/main.scss +6 -9
@@ 240,10 240,9 @@ select.form-control {
  }
}

// TODO: move me into core.sr.ht
details {
.prefs {
  margin: -0.5rem 0 0.5rem 0;
  padding: 0 1rem;
  margin: 0 -1rem 1rem;

  summary {
    background: $gray-300;


@@ 252,14 251,12 @@ details {
  }

  &[open] {
    padding: 0 1rem;
    margin-left: calc(-1rem - 4px);
    border-left: 4px solid $gray-300;
  }
}

.prefs {
  padding: 0.5rem 0;
    summary {
      margin: 0 -1rem 0 calc(-1rem - 4px);
    }
  }

  .form-check {
    padding-left: 0;

M todosrht/templates/dashboard.html => todosrht/templates/dashboard.html +2 -2
@@ 52,13 52,13 @@
        Create new tracker {{icon("caret-right")}}
      </a>
      <details
        style="margin: -0.5rem 0 0.5rem 0"
        class="prefs"
        {% if prefs_updated %}
        open
        {% endif %}
      >
        <summary>User preferences</summary>
        <form method="POST" class="prefs">
        <form method="POST">
          {{csrf_token()}}
            <label class="form-check">
              <input