view options/options.html @ 51:dc25aa2bc628

Revert flexbox layout from extension.css in the entry style sheet This reverts laying out the contents of the body according to the flexbox model since it has, among other things, the unwanted effect of stretching images.
author Guido Berhoerster <guido+feed-preview@berhoerster.name>
date Fri, 06 Sep 2019 13:16:48 +0200
parents 688d75e554e0
children d9cc8e88d297
line wrap: on
line source

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
<!--
   Copyright (C) 2018 Guido Berhoerster <guido+feed-preview@berhoerster.name>

   This Source Code Form is subject to the terms of the Mozilla Public
   License, v. 2.0. If a copy of the MPL was not distributed with this
   file, You can obtain one at http://mozilla.org/MPL/2.0/.
-->
    <script src="options.js" defer></script>
    <link rel="stylesheet" href="options.css">
  </head>
  <body>
    <template id="feed-reader-item-template">
      <li class="feed-reader-item" draggable="true">
        <label class="feed-reader-label">
          <input type="radio" name="feed-reader" value="" required></input>
          <div class="feed-reader-content">
            <span class="feed-reader-title"></span>
            <span class="feed-reader-url-template"></span>
          </div>
        </label>
      </li>
    </template>
    <h1 id="feed-readers-title"></h1>
    <form id="feed-readers">
      <ul id="feed-reader-selection">
      </ul>
      <fieldset class="browser-style button-box" name="buttons">
        <button type="submit" name="move-up" class="browser-style">
        <button type="submit" name="move-down" class="browser-style">
        <button type="submit" name="remove" class="browser-style">
      </fieldset>
    </form>
    <form id="add-feed-reader">
      <div class="browser-style">
        <label for="feed-reader-title"></label>
        <input type="text" id="feed-reader-title" name="title"
        placeholder="" required>
      </div>
      <div class="browser-style">
        <label for="feed-reader-url-template"></label>
        <input type="text" id="feed-reader-url-template" placeholder=""
        name="url-template" required>
        <p id="feed-reader-url-caption" class="caption"></p>
      </div>
      <div class="browser-style">
        <button type="submit" name="add" class="browser-style">
      </div>
    </form>
    <h1 id="feed-preview-title"></h1>
    <form id="feed-preview">
      <input type="checkbox" id="expand-entries" name="expand-entries">
      <label for="expand-entries">
      </label>
    </form>
  </body>
</html>