web/styles/_header.scss

// Copyright (c) 2024, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

header {
  flex: 0 0 var(--main-header-height, 50px);
  display: flex;
  flex-direction: row;
  align-items: center;

  // Position the header at the top of the view port, even on scrolling.
  position: sticky;
  top: 0;
  z-index: 10;

  padding-left: 30px;
  padding-right: 30px;
  background-color: var(--main-header-color);

  @media (max-width: 840px) {
    padding-left: 0;
  }

  ol {
    list-style: none;
    margin: 0;
    padding: 0;

    li {
      display: inline;
    }
  }

  form {
    display: flex;
    flex: 1;
    justify-content: flex-end;
  }

  #header-search-sidebar {
    height: 50px;
    margin-bottom: 25px;
  }

  .self-name {
    color: #555;
    display: none;
  }
}