11cb0ef41Sopenharmony_ci<!-- Copyright 2020 the V8 project authors. All rights reserved. 21cb0ef41Sopenharmony_ciUse of this source code is governed by a BSD-style license that can be 31cb0ef41Sopenharmony_cifound in the LICENSE file. --> 41cb0ef41Sopenharmony_ci 51cb0ef41Sopenharmony_ci<head> 61cb0ef41Sopenharmony_ci <link href="./index.css" rel="stylesheet"> 71cb0ef41Sopenharmony_ci <style> 81cb0ef41Sopenharmony_ci .panel { 91cb0ef41Sopenharmony_ci padding-bottom: 0px; 101cb0ef41Sopenharmony_ci position: relative; 111cb0ef41Sopenharmony_ci } 121cb0ef41Sopenharmony_ci .titleBackground { 131cb0ef41Sopenharmony_ci position: absolute; 141cb0ef41Sopenharmony_ci left: 0px; 151cb0ef41Sopenharmony_ci top: 34px; 161cb0ef41Sopenharmony_ci border-radius: 0 0 0 7px; 171cb0ef41Sopenharmony_ci height: calc(100% - 34px); 181cb0ef41Sopenharmony_ci width: 30px; 191cb0ef41Sopenharmony_ci background-color: var(--border-color); 201cb0ef41Sopenharmony_ci } 211cb0ef41Sopenharmony_ci .titleButtons { 221cb0ef41Sopenharmony_ci float: right; 231cb0ef41Sopenharmony_ci } 241cb0ef41Sopenharmony_ci .titleButtons button { 251cb0ef41Sopenharmony_ci border-radius: 20px; 261cb0ef41Sopenharmony_ci width: 20px; 271cb0ef41Sopenharmony_ci height: 20px; 281cb0ef41Sopenharmony_ci font-weight: bold; 291cb0ef41Sopenharmony_ci line-height: 11px; 301cb0ef41Sopenharmony_ci } 311cb0ef41Sopenharmony_ci </style> 321cb0ef41Sopenharmony_ci</head> 331cb0ef41Sopenharmony_ci<div class="panel"> 341cb0ef41Sopenharmony_ci <h2> 351cb0ef41Sopenharmony_ci Timeline Panel 361cb0ef41Sopenharmony_ci <div class="titleButtons"> 371cb0ef41Sopenharmony_ci <button id="zoomIn" title="Increase resolution">+</button> 381cb0ef41Sopenharmony_ci <button id="zoomOut" title="Decrease resolution">–</button> 391cb0ef41Sopenharmony_ci </div> 401cb0ef41Sopenharmony_ci </h2> 411cb0ef41Sopenharmony_ci <div class="titleBackground"></div> 421cb0ef41Sopenharmony_ci <div> 431cb0ef41Sopenharmony_ci <slot></slot> 441cb0ef41Sopenharmony_ci </div> 451cb0ef41Sopenharmony_ci</div> 46