Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: NixOS/nixos-homepage
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 30978dff59eb
Choose a base ref
...
head repository: NixOS/nixos-homepage
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: 8aa58a158867
Choose a head ref
  • 2 commits
  • 2 files changed
  • 2 contributors

Commits on Nov 4, 2020

  1. Update flake.lock and blogs.xml [ci skip]

    GitHub Actions committed Nov 4, 2020
    Copy the full SHA
    9e520d8 View commit details

  2. site-styles: Fix asciinema breaking width by removing aspect ratio code 

    The reason there was that aspect ratio thing there was to, if I remember
right, make the whole player fit in the height of a side-ways mobile
device.

Though I think I must have forgotten to finish implementing this, as
instead it just resolved to using the default font sizes.

Rather, let's do what works fine for every other sizes: a ratio of the
device width.
    @samueldr @garbas
    samueldr authored and garbas committed Nov 4, 2020
    Copy the full SHA
    8aa58a1 View commit details
Showing with 4 additions and 4 deletions.
  1. +3 −3 flake.lock
  2. +1 −1 site-styles/components/asciinema.less
6 changes: 3 additions & 3 deletions flake.lock
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion site-styles/components/asciinema.less
View file
Original file line number Diff line number Diff line change
@@ -18,7 +18,7 @@

// vertical (portrait) and square aspect ratio
// In that case we set it as a fraction of the width.
@media screen and (max-aspect-ratio: ~"1/1") and (max-width: (@screen-sm-max)) {
@media screen and (max-width: (@screen-sm-max)) {
font-size: 1.65vw;
}
}