chromium/chrome/browser/resources/extensions/manager.html

<style include="cr-hidden-style shared-style">
  :host {
    color: var(--cr-primary-text-color);
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  #viewManager {
    flex: 1 1 var(--cr-toolbar-field-width);
    height: 100%;
    position: relative;
  }

  @media (min-width:1650px) {
    #viewManager:has(extensions-item-list.active) {
      /* The flex basis is wider for the item list view so more items can be
         shown per row. This value pertains to 3 extension items shown per
         row. */
      flex-basis: 1400px;
    }
  }

  @media (max-width:1649px) {
    #viewManager:has(extensions-item-list.active) {
      /* The flex basis is wider for the item list view so more items can be
         shown per row. This value pertains to 2 extension items shown per
         row, and is lower than the above value so extension columns will be
         more centered on the screen. */
      flex-basis: 950px;
    }
  }

  extensions-item {
    display: inline-block;
  }

  #container {
    align-items: flex-start;
    display: flex;
    flex: 1;
    overflow: overlay;
    position: relative;
  }

  #left {
    height: 100%;
    min-width: var(--sidebar-width);
    position: sticky;
    top: 0;
  }

  #left extensions-sidebar {
    max-height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
  }

  #left,
  #right {
    flex: 1 1 0;
  }
</style>
<extensions-drop-overlay drag-enabled="[[inDevMode]]">
</extensions-drop-overlay>
<extensions-toolbar id="toolbar" in-dev-mode="[[inDevMode]]"
    can-load-unpacked="[[canLoadUnpacked]]"
    is-child-account="[[isChildAccount_]]"
    dev-mode-controlled-by-policy="[[devModeControlledByPolicy]]"
    delegate="[[delegate]]" on-cr-toolbar-menu-click="onMenuButtonClick_"
    on-search-changed="onFilterChanged_"
    extensions="[[extensions_]]"
    narrow="{{narrow_}}"
    >
</extensions-toolbar>
<template is="dom-if" if="[[showDrawer_]]" restamp>
  <cr-drawer id="drawer" heading="$i18n{toolbarTitle}"
      align="$i18n{textdirection}" on-close="onDrawerClose_">
    <div slot="body">
      <extensions-sidebar on-close-drawer="onCloseDrawer_"
          enable-enhanced-site-controls="[[enableEnhancedSiteControls]]">
      </extensions-sidebar>
    </div>
  </cr-drawer>
</template>
<div id="container">
  <div id="left" hidden$="[[narrow_]]">
    <extensions-sidebar on-close-drawer="onCloseDrawer_"
        enable-enhanced-site-controls="[[enableEnhancedSiteControls]]">
    </extensions-sidebar>
  </div>
  <cr-view-manager id="viewManager" role="main">
    <extensions-item-list id="items-list" delegate="[[delegate]]"
        in-dev-mode="[[inDevMode]]"
        is-mv2-deprecation-notice-dismissed=
            "[[isMv2DeprecationNoticeDismissed]]"
        filter="[[filter]]" hidden$="[[!didInitPage_]]" slot="view"
        apps="[[apps_]]" extensions="[[extensions_]]"
        on-show-install-warnings="onShowInstallWarnings_">
    </extensions-item-list>
    <cr-lazy-render id="details-view">
      <template>
        <extensions-detail-view delegate="[[delegate]]" slot="view"
            in-dev-mode="[[inDevMode]]"
            enable-enhanced-site-controls="[[enableEnhancedSiteControls]]"
            from-activity-log="[[fromActivityLog_]]"
            show-activity-log="[[showActivityLog]]"
            incognito-available="[[incognitoAvailable_]]"
            data="[[detailViewItem_]]">
        </extensions-detail-view>
      </template>
    </cr-lazy-render>
    <cr-lazy-render id="activity-log">
      <template>
        <extensions-activity-log delegate="[[delegate]]" slot="view"
            extension-info="[[activityLogItem_]]">
        </extensions-activity-log>
      </template>
    </cr-lazy-render>
    <cr-lazy-render id="site-permissions">
      <template>
        <extensions-site-permissions delegate="[[delegate]]" slot="view"
            extensions="[[extensions_]]"
            enable-enhanced-site-controls="[[enableEnhancedSiteControls]]">
        </extensions-site-permissions>
      </template>
    </cr-lazy-render>
    <cr-lazy-render id="site-permissions-by-site">
      <template>
        <extensions-site-permissions-by-site delegate="[[delegate]]" slot="view"
            extensions="[[extensions_]]">
        </extensions-site-permissions-by-site>
      </template>
    </cr-lazy-render>
    <cr-lazy-render id="keyboard-shortcuts">
      <template>
        <extensions-keyboard-shortcuts delegate="[[delegate]]" slot="view"
            items="[[extensions_]]">
        </extensions-keyboard-shortcuts>
      </template>
    </cr-lazy-render>
    <cr-lazy-render id="error-page">
      <template>
        <extensions-error-page data="[[errorPageItem_]]" slot="view"
            delegate="[[delegate]]" in-dev-mode="[[inDevMode]]">
        </extensions-error-page>
      </template>
    </cr-lazy-render>
  </cr-view-manager>
  <div id="right" hidden$="[[narrow_]]"></div>
</div>
<template is="dom-if" if="[[showOptionsDialog_]]" restamp>
  <extensions-options-dialog id="options-dialog"
      on-close="onOptionsDialogClose_">
  </extensions-options-dialog>
</template>
<template is="dom-if" if="[[showLoadErrorDialog_]]" restamp>
  <extensions-load-error id="load-error" delegate="[[delegate]]"
      on-close="onLoadErrorDialogClose_">
  </extensions-load-error>
</template>
<template is="dom-if" if="[[showInstallWarningsDialog_]]" restamp>
  <extensions-install-warnings-dialog
      on-close="onInstallWarningsDialogClose_"
      install-warnings="[[installWarnings_]]">
  </extensions-install-warnings-dialog>
</template>
<cr-toast-manager></cr-toast-manager>