tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

scroll-buttons-disabled.html (1160B)

      1 <!doctype html>
      2 <title>CSS Test: ::scroll-button(inline-end) supports :disabled</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-buttons">
      4 <link rel="match" href="scroll-buttons-disabled-ref.html">
      5 <style>
      6  * {
      7    margin: 0;
      8    padding: 0;
      9  }
     10 
     11  #scroller {
     12    width: 600px;
     13    height: 300px;
     14    overflow: auto;
     15    scroll-marker-group: after;
     16    white-space: nowrap;
     17  }
     18 
     19  #scroller div {
     20    background: green;
     21    display: inline-block;
     22    width: 600px;
     23    height: 270px;
     24  }
     25 
     26  #scroller::scroll-marker-group {
     27    border: 3px solid black;
     28    padding: 5px;
     29    display: flex;
     30    height: 20px;
     31    width: 40px;
     32  }
     33 
     34  #scroller::scroll-button(inline-end) {
     35    content: ">";
     36    background: blue;
     37    display: flex;
     38    height: 20px;
     39    width: 20px;
     40  }
     41 
     42  #scroller::scroll-button(inline-end):disabled {
     43    background: gray;
     44  }
     45 
     46  #scroller div::scroll-marker {
     47    content: "";
     48    width: 10px;
     49    height: 10px;
     50    background-color: blue;
     51    border-radius: 100%;
     52    display: inline-block;
     53  }
     54 </style>
     55 <div id="scroller">
     56  <div></div>
     57  <div></div>
     58 </div>
     59 <script>
     60  scroller.scrollLeft = 610;
     61 </script>