~edwargix/git.sr.ht

50c5dc14a0e67a1e36a2b41c0b8d5d886b340341 — pyxel 3 years ago 6bdca99
adapt code-view to window height
3 files changed, 16 insertions(+), 2 deletions(-)

M gitsrht/templates/blame.html
M gitsrht/templates/blob.html
M scss/main.scss
M gitsrht/templates/blame.html => gitsrht/templates/blame.html +1 -1
@@ 42,7 42,7 @@ pre, body {
    <div class="clearfix"></div>
  </div>
</div>
<div class="container-fluid" style="padding-left: 0; padding-right: 0;">
<div class="container-fluid code-viewport">
  {#
    This row has some weird styles going on. This prevents the page from
    scrolling horizontally

M gitsrht/templates/blob.html => gitsrht/templates/blob.html +1 -1
@@ 65,7 65,7 @@ pre, body {
{% if markdown and not force_source %}
<div class="container">
{% else %}
<div class="container-fluid" style="padding-left: 0; padding-right: 0;">
<div class="container-fluid code-viewport">
{% endif %}
  {#
    This row has some weird styles going on. This prevents the page from

M scss/main.scss => scss/main.scss +14 -0
@@ 1,5 1,11 @@
@import "base";

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.filter-repos {
  .btn {
    height: 1.9rem;


@@ 182,6 188,7 @@ dt {
    padding-left: calc(1rem + 4px);
    height: 100%;
    pointer-events: none;
    overflow-x: hidden;

    pre {
      background: transparent;


@@ 446,3 453,10 @@ dl {
    }
  }
}

.code-viewport {
  display: flex;
  flex: 1 0 auto;
  padding-left: 0;
  padding-right: 0;
}