@eval proportionalFont org.rstudio.core.client.theme.ThemeFonts.getProportionalFont();
@eval fixedWidthFont org.rstudio.core.client.theme.ThemeFonts.getFixedWidthFont();

@eval THEME_DARK_ROW_SELECTED org.rstudio.core.client.theme.ThemeColors.darkRowSelected;
@eval THEME_DARK_ROW_FOCUSED org.rstudio.core.client.theme.ThemeColors.darkRowFocused;

@external editor_dark, ace_editor_theme;

.selected {
   background-color: #ccc;
}

.editor_dark .ace_editor_theme .selected {
   background-color: THEME_DARK_ROW_SELECTED;
}

*:focus .selected, .inboundFocus .selected, .fakeFocus .selected {
   background-color: rgb(146, 193, 240)
}

.editor_dark .ace_editor_theme *:focus .selected, .inboundFocus .selected, .fakeFocus .selected {
   background-color: THEME_DARK_ROW_FOCUSED;
}

.historyTable:focus {
   outline: none;
}

.loadMore {
   display: block;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   padding: 2px 0 2px 0;
}

.historyTable {
   font-family: fixedWidthFont;
   font-size: 12px;
   overflow-x: hidden;
   table-layout: fixed;
}

.historyTable td:first-child div {
   width: 100%;
   padding-left: 3px;
   padding-right: 3px;
   text-overflow: ellipsis;
   overflow: hidden;
   user-select: all;
}

/* Disable the default CSS for selected text -- we manually style this ourselves. */
.historyTable div::selection {
   background: none;
}

.historyTable .selected td:first-child div {
   width: auto;
   overflow: visible;
   margin-left: 28px;
   text-indent: -28px;
}

.editor_dark .ace_editor_theme .historyTable .selected td:first-child div {
   color: #FFF;
}

.command {
   width: 20%;
   overflow-x: hidden;
   white-space: nowrap;
   padding-top: 1px;
   padding-bottom: 1px;
}

.selected .command {
   white-space: normal;
}

.timestamp {
   color: #999;
   font-family: proportionalFont;
}
.historyTable td.timestamp {
   padding-right: 3px;
   white-space: nowrap;
   overflow-x: hidden;
   font-size: 11px !important;
}
.historyTable tr.timestamp td {
   padding-top: 6px;
   font-size: 11px !important;
}
.selected td.timestamp {
   color: black;
}

@sprite div.disclosure {
   gwt-image: 'searchResultsContextButton22x';
   margin-top: 1px;
   background-size: 14px 15px;
   width: 14px;
   height: 15px;
}
@sprite .selected div.disclosure {
   gwt-image: 'searchResultsContextButton2x';
   background-size: 14px 15px;
   width: 14px;
   height: 15px;
}
