z-index: 500; /* Must be below the contextmenu (600). */
}
-#navigation-list {
- display: flex;
- flex: auto;
- flex-direction: column;
-}
-
-#navigation-list > * {
- height: 40px;
- padding: 0 5px;
-}
-
-#navigation-list > .spacer {
- flex: none;
-}
-
-#navigation-list > .accepts,
-#navigation-list > [lead][selected],
-#navigation-list > [lead],
-#navigation-list > [selected],
-#navigation-list > [anchor] {
- background-color: rgb(225, 225, 225);
-}
-
-#navigation-list:focus > .accepts,
-#navigation-list:focus > [lead][selected],
-#navigation-list:focus > [lead],
-#navigation-list:focus > [selected],
-#navigation-list:focus > [anchor] {
- background-color: rgb(66, 129, 244);
- color: white;
-}
-
-#navigation-list li.root-item {
- align-items: center;
- display: flex;
- flex: none;
- line-height: 22px; /* To accommodate for icons. */
- padding-left: 11px;
-}
-
-#navigation-list li.root-item > .root-label {
- flex: auto;
- margin: 0 2px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-#navigation-list .volume-icon {
- background-repeat: no-repeat;
- flex: none;
- height: 24px;
- width: 24px;
-}
-
#middlebar-header {
-webkit-border-end: 1px solid rgba(20, 20, 22, 0.1);
-webkit-box-sizing: border-box;
#directory-tree .tree-row[lead][selected],
#directory-tree .tree-row[lead],
#directory-tree .tree-row[selected],
-#directory-tree .tree-row[anchor] {
- background-color: rgb(204, 204, 204);
-}
-
-#directory-tree .tree-item.accepts > .tree-row,
-#directory-tree .tree-row[lead][selected],
-#directory-tree .tree-row[lead],
-#directory-tree .tree-row[selected],
-#directory-tree .tree-row[anchor] {
+#directory-tree .tree-row[anchor],
+#directory-tree .tree-row:active {
background-color: rgb(225, 225, 225);
}
flex: none;
flex-direction: row;
font-size: 13px;
- height: 57px;
+ height: 44px;
overflow: hidden;
padding-left: 57px; /* Make space for the icon. */
transition: height 70ms linear;
}
#list-container list > li[selected],
+#list-container list > li:active,
#list-container grid > li[selected],
+#list-container grid > li:active,
#default-actions-list > li[selected] {
background-color: rgb(225, 225, 225);
}
}
#directory-tree .tree-item.accepts > .tree-row,
-#navigation-list > .accepts,
#list-container list > li.accepts,
#list-container grid > li.accepts {
-webkit-animation: acceptsBlink 200ms linear 1s 3;
#list-container li.table-row,
#default-actions-list li {
- height: 29px;
- line-height: 29px;
+ height: 32px;
+ line-height: 32px;
}
/* The icon in the name column. See file_types.css for specific icons. */
opacity: 0.4;
}
-/* Overlay pane covering the entire file manager window (e.g. image editor)*/
-.overlay-pane {
- -webkit-app-region: no-drag;
- border: none;
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
- z-index: 1000; /* Must be above all elements in file manager container. */
-}
-
-/* When the overlay pane is visible hide everything else so that the tab order
- is not confused. */
-body[overlay-visible] > :not(.overlay-pane) {
- display: none !important;
-}
-
/* Invisible container for elements representing files while dragging. */
#drag-container {
left: 0;
-webkit-margin-end: 50px;
}
-#iframe-drag-area {
- -webkit-app-region: drag;
- height: 48px;
- left: 64px;
- position: absolute;
- right: 134px;
- top: 0;
- width: auto;
- z-index: 101;
-}
-
#suggest-app-dialog {
background-color: #fff;
border: 0;