1 files changed, 71 insertions, 0 deletions
diff --git a/chrome/browser/resources/file_manager/css/file_manager.css b/chrome/browser/resources/file_manager/css/file_manager.css
index 5415978..5df2f73 100644
--- a/chrome/browser/resources/file_manager/css/file_manager.css
+++ b/chrome/browser/resources/file_manager/css/file_manager.css
@@ -1206,3 +1206,74 @@ body:not([type='saveas-file']):not([type='full-page'])
 .dialog-container:not([gdata]) #gdata-settings > * {
   display: none;
 }
+
+.buttonbar > * {
+  position: relative;
+}
+
+.buttonbar .tooltip {
+  right: -12px;
+  top: 35px;
+}
+
+/* Tooltips */
+.tooltip {
+  -webkit-border-radius: 0;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+  -webkit-box-sizing: border-box;
+  background: #2d2d2d;
+  box-shadow: 1px 2px 4px #ccc;
+  color: white;
+  display: block;
+  font-size: 11px;
+  font-weight: bold;
+  height: 29px;
+  line-height: 29px;
+  margin-left: -20px;
+  min-width: 50px;
+  opacity: 0;
+  outline: 1px solid rgba(255, 255, 255, 0.5);
+  padding: 0 10px;
+  pointer-events: none;
+  position: absolute;
+  text-align: center;
+  top: 5px;
+  white-space: nowrap;
+  z-index: 15;
+}
+
+.tooltip:after,
+.tooltip:before {
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: transparent;
+  content: '';
+  display: block;
+  margin-left: -5px;
+  position: absolute;
+  right: 24px;
+  top: -5px;
+}
+
+.tooltip:after {
+  border-bottom: 5px solid #2d2d2d;
+}
+
+.tooltip:before {
+  border-bottom: 5px solid rgba(255, 255, 255, 0.5);
+}
+
+/* Show with delay, disappear instantly */
+@-webkit-keyframes tooltip-show {
+  0% { opacity: 0; }
+  90% { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+:hover > .tooltip {
+  -webkit-animation-duration: 800ms;
+  -webkit-animation-iteration-count: 1;
+  -webkit-animation-name: tooltip-show;
+  -webkit-animation-timing-function: linear;
+  opacity: 1;
+}