github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Basic styling in the overview panel.

Browse source
This commit is contained in:
Paulo Reis 2016-11-18 12:16:24 +00:00
parent dd0c578924
commit 60b5087763
1 changed files with 45 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
services/web/public/stylesheets/app/editor/review-panel.less
View file

@ -203,7 +203,8 @@
} }
} }
.rp-state-overview & { .rp-state-overview & {
margin: 5px; padding: 2px 5px;
border-bottom: solid 1px @rp-border-grey;
} }
border-left: solid @rp-entry-ribbon-width transparent; border-left: solid @rp-entry-ribbon-width transparent;
@ -241,24 +242,49 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 5px; padding: 5px;
.rp-state-overview & {
padding: 0px;
}
} }
.rp-entry-action-icon { .rp-entry-action-icon {
font-size: @rp-icon-large-size; font-size: @rp-icon-large-size;
padding: 0 5px; padding: 0 5px;
line-height: 0; line-height: 0;
.rp-state-overview & {
font-size: @rp-base-font-size;
padding: 0px;
margin-right: 5px;
}
} }
.rp-entry-metadata { .rp-entry-metadata {
flex-grow: 1; flex-grow: 1;
padding: 0 5px; padding: 0 5px;
line-height: 1.2; line-height: 1.2;
.rp-state-overview & {
display: flex;
line-height: inherit;
padding: 0;
}
} }
.rp-entry-metadata-line { .rp-entry-metadata-line {
margin: 0; margin: 0;
.rp-state-overview &:last-of-type {
flex-grow: 1;
text-align: right;
}
} }
.rp-entry-body { .rp-entry-body {
padding: 5px; padding: 5px;
.rp-state-overview & {
padding: 0;
}
} }
.rp-content-highlight { .rp-content-highlight {
color: @rp-type-darkgrey; color: @rp-type-darkgrey;
@ -272,6 +298,10 @@
.rp-entry-actions { .rp-entry-actions {
display: flex; display: flex;
.rp-state-overview & {
display: none;
}
} }
.rp-entry-button { .rp-entry-button {
flex: 1 0 50%; flex: 1 0 50%;
@ -379,6 +409,10 @@
width: 1.3em; width: 1.3em;
height: 1.3em; height: 1.3em;
text-align: center; text-align: center;
.rp-state-overview & {
display: none;
}
} }
.rp-icon-delete { .rp-icon-delete {
@ -457,6 +491,16 @@
} }
} }
.rp-overview-file-header {
padding: 2px 5px;
border-top: solid 1px @rp-border-grey;
border-bottom: solid 1px @rp-border-grey;
background-color: #FFF;
margin-top: 10px;
font-weight: @rp-semibold-weight;
border-left: solid @rp-entry-ribbon-width currentColor;
}
.rp-nav { .rp-nav {
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;