web-apps/apps/common/main/resources/less/history.less
2021-02-16 10:21:22 +03:00

172 lines
4.5 KiB
Plaintext

#history-box {
position: relative;
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-right: @scaled-one-px-value solid @border-toolbar;
}
#history-header {
position: absolute;
height: 53px;
left: 0;
top: 0;
right: 0;
overflow: hidden;
border-bottom: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-bottom: @scaled-one-px-value solid @border-toolbar;
#history-btn-back {
height: 27px;
margin-top: 15px;
padding-top: 4px;
padding-left: 20px;
font-size: 13px;
cursor: pointer;
&:hover {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
}
}
#history-expand-changes {
position: absolute;
height: 45px;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
border-top: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-top: @scaled-one-px-value solid @border-toolbar;
#history-btn-expand {
height: 27px;
margin-top: 8px;
padding-top: 4px;
padding-left: 20px;
font-size: 13px;
cursor: pointer;
&:hover {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
}
}
#history-list {
height: 100%;
overflow: hidden;
padding: 53px 0 45px 0;
.item {
display: block;
border: none;
width: 100%;
.box-shadow(none);
margin: 0;
font-size: 12px;
&:hover:not(.selected),
&.over {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
&.selected {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
.user-name,
.user-date {
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
}
.revision-expand {
background-position: -70px -145px;
}
}
}
.history-item-wrap {
padding: 10px 2px 15px 20px;
color: @text-normal-ie;
color: @text-normal;
text-overflow: ellipsis;
.user-date {
display: inline-block;
font-size: 12px;
font-weight: bold;
margin-right: 12px;
white-space: nowrap;
overflow: hidden;
}
.user-version {
display: inline-block;
max-width: 60px;
height: 18px;
color: @highlight-button-pressed-ie;
color: @highlight-button-pressed;
font-size: 10px;
white-space: nowrap;
overflow: hidden;
color: @text-tertiary-ie;
color: @text-tertiary;
background-color: @background-normal-ie;
background-color: @background-normal;
text-align: center;
padding: 1px 5px;
border-radius: 2px;
}
.user-name {
width: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 12px;
font-weight: bold;
cursor: pointer;
text-overflow: ellipsis;
padding-right: 35px;
}
.color {
width: 12px;
height: 12px;
border: @scaled-one-px-value-ie solid @border-toolbar-ie;
border: @scaled-one-px-value solid @border-toolbar;
margin: 0 5px 3px 0;
vertical-align: middle;
}
.revision-expand {
width: 23px;
height: 23px;
background-position: -43px -145px;
margin: 10px 10px;
display: inline-block;
position: absolute;
right: 0;
&.up {
transform: rotate(180deg);
}
}
.revision-restore {
color: @text-normal-ie;
color: @text-normal;
border-bottom: @scaled-one-px-value-ie dotted @text-normal-ie;
border-bottom: @scaled-one-px-value dotted @text-normal;
height: 16px;
margin-top: 5px;
white-space: pre-wrap;
width: auto;
cursor: pointer;
}
}
}