Upstream version 10.39.225.0
[platform/framework/web/crosswalk.git] / src / ui / file_manager / file_manager / foreground / css / file_manager.css
index 0cc294e..d72905a 100644 (file)
@@ -187,61 +187,6 @@ div.splitter {
   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;
@@ -315,15 +260,8 @@ div.splitter {
 #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);
 }
 
@@ -690,7 +628,7 @@ html[dir='rtl'] .breadcrumbs .separator {
   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;
@@ -838,7 +776,9 @@ body[type='full-page'] .detail-name .detail-icon {
 }
 
 #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);
 }
@@ -870,7 +810,6 @@ body[type='full-page'] .detail-name .detail-icon {
 }
 
 #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;
@@ -1142,8 +1081,8 @@ li[renaming=''] .filename-label {
 
 #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. */
@@ -1249,24 +1188,6 @@ body[drive] .dialog-container[connection='offline'] .dim-offline {
   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;
@@ -1593,17 +1514,6 @@ list.autocomplete-suggestions > [lead] > div.detail-text em {
   -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;