##// END OF EJS Templates
observers: hide it for CE edition....
observers: hide it for CE edition. - This hide is simple, but real logic is in the validate function which would only work if EE edition is installed.

File last commit:

r4516:6a883584 stable
r4516:6a883584 stable
Show More
main.less
3239 lines | 48.7 KiB | text/x-less | LessCssLexer
project: added all source files and assets
r1 //Primary CSS
//--- IMPORTS ------------------//
@import 'helpers';
@import 'mixins';
@import 'rcicons';
@import 'variables';
@import 'bootstrap-variables';
@import 'form-bootstrap';
@import 'codemirror';
@import 'legacy_code_styles';
summary: disconnect readme rendering data from the comments....
r1731 @import 'readme-box';
project: added all source files and assets
r1 @import 'progress-bar';
@import 'type';
@import 'alerts';
@import 'buttons';
@import 'tags';
@import 'code-block';
@import 'examples';
@import 'login';
@import 'main-content';
@import 'select2';
@import 'comments';
@import 'panels-bootstrap';
@import 'panels';
dan
forms: add deform for integration settings forms
r518 @import 'deform';
hovercacrds: added new tooltips and hovercards to expose certain information for objects shown in UI
r4026 @import 'tooltips';
packages: bumped JS dependencies and added sweetAlert
r4310 @import 'sweetalert2';
project: added all source files and assets
r1
//--- BASE ------------------//
.noscript-error {
style: bring back bold font style.
r3186 top: 0;
left: 0;
width: 100%;
z-index: 101;
text-align: center;
font-size: 120%;
color: white;
background-color: @alert2;
padding: 5px 0 5px 0;
font-weight: @text-semibold-weight;
font-family: @text-semibold;
project: added all source files and assets
r1 }
html {
display: table;
height: 100%;
width: 100%;
}
body {
display: table-cell;
width: 100%;
}
//--- LAYOUT ------------------//
.hidden{
display: none !important;
}
.box{
float: left;
width: 100%;
}
.browser-header {
clear: both;
}
.main {
clear: both;
padding:0 0 @pagepadding;
height: auto;
&:after { //clearfix
content:"";
clear:both;
width:100%;
display:block;
}
}
commits/pr pages various fixes....
r4485 .flex-container {
display: flex;
justify-content: space-between;
}
project: added all source files and assets
r1 .action-link{
margin-left: @padding;
padding-left: @padding;
border-left: @border-thickness solid @border-default-color;
}
mentions: markdown renderer now wraps username in hovercard logic allowing checking the mentioned user....
r4221 .cursor-pointer {
cursor: pointer;
}
project: added all source files and assets
r1 input + .action-link, .action-link.first{
border-left: none;
}
comments: fixed links/actions
r4405 .link-disabled {
color: @grey4;
cursor: default;
}
project: added all source files and assets
r1 .action-link.last{
margin-right: @padding;
padding-right: @padding;
}
.action-link.active,
.action-link.active a{
color: @grey4;
}
commits: hide evolve commits. Fixes #5392
r2144 .action-link.disabled {
color: @grey4;
cursor: inherit;
}
main-page: simplify footer, and expose docs link.
r4375 .grey-link-action {
cursor: pointer;
&:hover {
color: @grey2;
}
color: @grey4;
}
ui: make copy content actions not use grey....
r4100
clipboard-action: make the icon provide feedback when clicked.
r1954 .clipboard-action {
cursor: pointer;
Liviu
made the copy to clip less visible and added a left margin
r3712 margin-left: 5px;
ui: make copy content actions not use grey....
r4100 &:not(.no-grey) {
&:hover {
color: @grey2;
}
color: @grey4;
Liviu
made the copy to clip less visible and added a left margin
r3712 }
clipboard-action: make the icon provide feedback when clicked.
r1954 }
project: added all source files and assets
r1 ul.simple-list{
list-style: none;
margin: 0;
padding: 0;
}
.main-content {
padding-bottom: @pagepadding;
}
diffs: added wide-mode button to expand large diffs.
r1193 .wide-mode-wrapper {
pull-requests: updated versioning support....
r1268 max-width:4000px !important;
diffs: added wide-mode button to expand large diffs.
r1193 }
project: added all source files and assets
r1 .wrapper {
position: relative;
max-width: @wrapper-maxwidth;
margin: 0 auto;
}
#content {
clear: both;
padding: 0 @contentpadding;
}
.advanced-settings-fields{
input{
margin-left: @textmargin;
margin-right: @padding/2;
}
}
.cs_files_title {
margin: @pagepadding 0 0;
}
input.inline[type="file"] {
display: inline;
}
.error_page {
margin: 10% auto;
h1 {
color: @grey2;
}
dan
forms: add deform for integration settings forms
r518
notifications: switch to embedded alerts for HTTPNotFound
r823 .alert {
margin: @padding 0;
}
dan
reviewers: store reviewer reasons to database, fixes #4238
r873
project: added all source files and assets
r1 .error-branding {
style: bring back bold font style.
r3186 color: @grey4;
font-weight: @text-semibold-weight;
font-family: @text-semibold;
project: added all source files and assets
r1 }
.error_message {
font-family: @text-regular;
}
.sidebar {
min-height: 275px;
margin: 0;
padding: 0 0 @sidebarpadding @sidebarpadding;
border: none;
}
.main-content {
position: relative;
margin: 0 @sidebarpadding @sidebarpadding;
padding: 0 0 0 @sidebarpadding;
border-left: @border-thickness solid @grey5;
@media (max-width:767px) {
clear: both;
width: 100%;
margin: 0;
border: none;
}
}
.inner-column {
float: left;
width: 29.75%;
min-height: 150px;
margin: @sidebarpadding 2% 0 0;
padding: 0 2% 0 0;
border-right: @border-thickness solid @grey5;
@media (max-width:767px) {
clear: both;
width: 100%;
border: none;
}
ul {
padding-left: 1.25em;
}
&:last-child {
margin: @sidebarpadding 0 0;
border: none;
}
h4 {
style: bring back bold font style.
r3186 margin: 0 0 @padding;
font-weight: @text-semibold-weight;
font-family: @text-semibold;
project: added all source files and assets
r1 }
}
}
.error-page-logo {
width: 130px;
height: 160px;
}
// HEADER
.header {
// TODO: johbo: Fix login pages, so that they work without a min-height
// for the header and then remove the min-height. I chose a smaller value
// intentionally here to avoid rendering issues in the main navigation.
min-height: 49px;
ui: ensure header doesn't float in smaller screens.
r3877 min-width: 1024px;
project: added all source files and assets
r1
position: relative;
vertical-align: bottom;
padding: 0 @header-padding;
Liviu
ui: bulk changes
r3560 background-color: @grey1;
project: added all source files and assets
r1 color: @grey5;
.title {
overflow: visible;
}
&:before,
&:after {
content: "";
clear: both;
width: 100%;
}
// TODO: johbo: Avoids breaking "Repositories" chooser
.select2-container .select2-choice .select2-arrow {
display: none;
}
}
#header-inner {
&.title {
margin: 0;
}
&:before,
&:after {
content: "";
clear: both;
}
}
// Gists
#files_data {
clear: both; //for firefox
dan
file: new file editors...
r3754 padding-top: 10px;
project: added all source files and assets
r1 }
dan
file: new file editors...
r3754
project: added all source files and assets
r1 #gistid {
margin-right: @padding;
}
// Global Settings Editor
.textarea.editor {
float: left;
position: relative;
max-width: @texteditor-width;
select {
position: absolute;
top:10px;
right:0;
}
.CodeMirror {
margin: 0;
}
.help-block {
margin: 0 0 @padding;
padding:.5em;
background-color: @grey6;
dan
users: add additional information why user with pending reviews shouldn't be deleted.
r1923 &.pre-formatting {
white-space: pre;
}
project: added all source files and assets
r1 }
}
ul.auth_plugins {
margin: @padding 0 @padding @legend-width;
padding: 0;
li {
margin-bottom: @padding;
line-height: 1em;
list-style-type: none;
.auth_buttons .btn {
margin-right: @padding;
}
}
}
ux: bringing my account pull request list into the great future #4038
r245
// My Account PR list
#show_closed {
margin: 0 1em 0 0;
}
project: added all source files and assets
r1
dan
pull-requests: add indication of state change in list of pull-requests and actually show them in the list.
r3816 #pull_request_list_table {
ux: bringing my account pull request list into the great future #4038
r245 .closed {
background-color: @grey6;
}
dan
pull-requests: add indication of state change in list of pull-requests and actually show them in the list.
r3816
.state-creating,
.state-updating,
.state-merging
{
background-color: @grey6;
}
styling: tigtening up my account pull request tables
r467 .log-container .truncate {
ux: bringing my account pull request list into the great future #4038
r245 height: 2.75em;
white-space: pre-line;
}
table.rctable .user {
padding-left: 0;
}
pull-requests: make my account and repo pr table more consistent.
r4512 .td-status {
padding: 0 0px 0px 10px;
width: 15px;
}
styling: tigtening up my account pull request tables
r467 table.rctable {
td.td-description,
.rc-user {
min-width: auto;
}
}
ux: bringing my account pull request list into the great future #4038
r245 }
project: added all source files and assets
r1
ux: bringing my account pull request list into the great future #4038
r245 // Pull Requests
project: added all source files and assets
r1
.pullrequests_section_head {
style: bring back bold font style.
r3186 display: block;
clear: both;
margin: @padding 0;
font-weight: @text-bold-weight;
font-family: @text-bold;
project: added all source files and assets
r1 }
pull-requests: simplified the UI for pr view....
r4136 .pr-commit-flow {
project: added all source files and assets
r1 position: relative;
pull-requests: simplified the UI for pr view....
r4136 font-weight: 600;
project: added all source files and assets
r1
.tag {
display: inline-block;
margin: 0 1em .5em 0;
}
.clone-url {
display: inline-block;
margin: 0 0 .5em 0;
padding: 0;
line-height: 1.2em;
}
}
pull-request: extended default reviewers functionality....
r1769 .pr-mergeinfo {
pull-requests: add copy helpers into pull requests clone/pull url inputs.
r1976 min-width: 95% !important;
pull-request: extended default reviewers functionality....
r1769 padding: 0 !important;
border: 0;
pull-requests: add copy helpers into pull requests clone/pull url inputs.
r1976 }
.pr-mergeinfo-copy {
padding: 0 0;
pull-request: extended default reviewers functionality....
r1769 }
project: added all source files and assets
r1 .pr-pullinfo {
pull-requests: add copy helpers into pull requests clone/pull url inputs.
r1976 min-width: 95% !important;
pull-request: extended default reviewers functionality....
r1769 padding: 0 !important;
border: 0;
project: added all source files and assets
r1 }
pull-requests: add copy helpers into pull requests clone/pull url inputs.
r1976 .pr-pullinfo-copy {
padding: 0 0;
}
pull-requests: loosen strict view of pull-requests that state is changing...
r4103 .pr-title-input {
pull-requests: fixed small UI glitches in pull request view.
r4291 width: 100%;
font-size: 18px;
pull-requests: loosen strict view of pull-requests that state is changing...
r4103 margin: 0 0 4px 0;
padding: 0;
style: bring back bold font style.
r3186 line-height: 1.7em;
color: @text-color;
letter-spacing: .02em;
font-weight: @text-bold-weight;
font-family: @text-bold;
pull-requests: loosen strict view of pull-requests that state is changing...
r4103
&:hover {
box-shadow: none;
}
}
#pr-title {
input {
border: 1px transparent;
color: black;
pull-requests: expose TODO box in dedicated panel...
r4140 opacity: 1;
background: #fff;
pull-requests: fixed small UI glitches in pull request view.
r4291 font-size: 18px;
pull-requests: loosen strict view of pull-requests that state is changing...
r4103 }
project: added all source files and assets
r1 }
pull-requests: simplified the UI for pr view....
r4136 .pr-title-closed-tag {
font-size: 16px;
}
#pr-desc {
padding: 10px 0;
.markdown-block {
padding: 0;
margin-bottom: -30px;
}
}
project: added all source files and assets
r1 #pullrequest_title {
width: 100%;
box-sizing: border-box;
}
#pr_open_message {
border: @border-thickness solid #fff;
border-radius: @border-radius;
pull-requests: move text with commit summary to left. It looks better.
r1469 text-align: left;
project: added all source files and assets
r1 overflow: hidden;
pull-requests: fix way how pull-request calculates common ancestors....
r4346 white-space: pre-line;
commits/pr pages various fixes....
r4485 padding-top: 5px
}
#add_reviewer {
padding-top: 10px;
}
observers: hide it for CE edition....
r4516 #add_reviewer_input,
#add_observer_input {
commits/pr pages various fixes....
r4485 padding-top: 10px
project: added all source files and assets
r1 }
pull-requests: simplified the UI for pr view....
r4136 .pr-details-title-author-pref {
padding-right: 10px
}
.label-pr-detail {
display: table-cell;
width: 120px;
padding-top: 7.5px;
padding-bottom: 7.5px;
padding-right: 7.5px;
}
.source-details ul {
padding: 10px 16px;
}
.source-details-action {
color: @grey4;
font-size: 11px
}
project: added all source files and assets
r1 .pr-submit-button {
float: right;
margin: 0 0 0 5px;
}
.pr-spacing-container {
padding: 20px;
clear: both
}
#pr-description-input {
margin-bottom: 0;
}
.pr-description-label {
vertical-align: top;
}
pull-requests: expose TODO box in dedicated panel...
r4140 #open_edit_pullrequest {
padding: 0;
}
pull-requests: simplified the UI for pr view....
r4136 #close_edit_pullrequest {
pull-requests: expose TODO box in dedicated panel...
r4140
pull-requests: simplified the UI for pr view....
r4136 }
#delete_pullrequest {
clear: inherit;
pull-requests: expose TODO box in dedicated panel...
r4140
form {
display: inline;
}
pull-requests: simplified the UI for pr view....
r4136 }
project: added all source files and assets
r1 .perms_section_head {
min-width: 625px;
h2 {
margin-bottom: 0;
}
.label-checkbox {
float: left;
}
&.field {
margin: @space 0 @padding;
}
&:first-child.field {
margin-top: 0;
.label {
margin-top: 0;
padding-top: 0;
}
.radios {
padding-top: 0;
}
}
.radios {
position: relative;
branch permissions: added logic to define in UI branch permissions....
r2975 width: 505px;
project: added all source files and assets
r1 }
}
//--- MODULES ------------------//
settings: new and improved server announcements fix #676 #1342 #4121
r847 // Server Announcement
#server-announcement {
style: bring back bold font style.
r3186 width: 95%;
margin: @padding auto;
padding: @padding;
border-width: 2px;
border-style: solid;
.border-radius(2px);
font-weight: @text-bold-weight;
font-family: @text-bold;
&.info { border-color: @alert4; background-color: @alert4-inner; }
&.warning { border-color: @alert3; background-color: @alert3-inner; }
&.error { border-color: @alert2; background-color: @alert2-inner; }
&.success { border-color: @alert1; background-color: @alert1-inner; }
&.neutral { border-color: @grey3; background-color: @grey6; }
settings: new and improved server announcements fix #676 #1342 #4121
r847 }
project: added all source files and assets
r1 // Fixed Sidebar Column
.sidebar-col-wrapper {
padding-left: @sidebar-all-width;
.sidebar {
width: @sidebar-width;
margin-left: -@sidebar-all-width;
}
}
.sidebar-col-wrapper.scw-small {
padding-left: @sidebar-small-all-width;
.sidebar {
width: @sidebar-small-width;
margin-left: -@sidebar-small-all-width;
}
}
// FOOTER
#footer {
padding: 0;
text-align: center;
vertical-align: middle;
color: @grey2;
Liviu
file summary and codeblock styles adjustments
r3668 font-size: 11px;
project: added all source files and assets
r1
p {
margin: 0;
padding: 1em;
line-height: 1em;
}
.server-instance { //server instance
display: none;
}
.title {
float: none;
margin: 0 auto;
}
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
.box-shadow(none);
-webkit-appearance: none;
}
.close {
float: right;
font-size: 21px;
font-family: @text-bootstrap;
line-height: 1em;
font-weight: bold;
color: @grey2;
&:hover,
&:focus {
color: @grey1;
text-decoration: none;
cursor: pointer;
}
}
// GRID
.sorting,
.sorting_desc,
.sorting_asc {
cursor: pointer;
}
.sorting_desc:after {
content: "\00A0\25B2";
font-size: .75em;
}
.sorting_asc:after {
content: "\00A0\25BC";
font-size: .68em;
}
.user_auth_tokens {
&.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fields .field .input {
margin: 0;
}
input#description {
width: 100px;
margin: 0;
}
.drop-menu {
// TODO: johbo: Remove this, should work out of the box when
// having multiple inputs inline
margin: 0 0 0 5px;
}
}
#user_list_table {
.closed {
background-color: @grey6;
}
}
Liviu
fixed and new-ui changes on the inputs, tags, dropdowns
r3594 input, textarea {
project: added all source files and assets
r1 &.disabled {
opacity: .5;
}
Liviu
fixed and new-ui changes on the inputs, tags, dropdowns
r3594
&:hover {
border-color: @grey3;
box-shadow: @button-shadow;
}
&:focus {
border-color: @rcblue;
box-shadow: @button-shadow;
}
project: added all source files and assets
r1 }
// remove extra padding in firefox
input::-moz-focus-inner { border:0; padding:0 }
.adjacent input {
margin-bottom: @padding;
}
.permissions_boxes {
display: block;
}
//FORMS
.medium-inline,
input#description.medium-inline {
display: inline;
width: @medium-inline-input-width;
min-width: 100px;
}
select {
//reset
-webkit-appearance: none;
-moz-appearance: none;
display: inline-block;
height: 28px;
width: auto;
margin: 0 @padding @padding 0;
padding: 0 18px 0 8px;
line-height:1em;
font-size: @basefontsize;
Liviu
fixed and new-ui changes on the inputs, tags, dropdowns
r3594 border: @border-thickness solid @grey5;
border-radius: @border-radius;
project: added all source files and assets
r1 background:white url("../images/dt-arrow-dn.png") no-repeat 100% 50%;
Liviu
fixed and new-ui changes on the inputs, tags, dropdowns
r3594 color: @grey4;
box-shadow: @button-shadow;
project: added all source files and assets
r1
&:after {
content: "\00A0\25BE";
}
Liviu
fixed and new-ui changes on the inputs, tags, dropdowns
r3594 &:focus, &:hover {
project: added all source files and assets
r1 outline: none;
Liviu
fixed and new-ui changes on the inputs, tags, dropdowns
r3594 border-color: @grey4;
color: @rcdarkblue;
project: added all source files and assets
r1 }
}
option {
&:focus {
outline: none;
}
}
input,
textarea {
padding: @input-padding;
border: @input-border-thickness solid @border-highlight-color;
.border-radius (@border-radius);
font-family: @text-light;
font-size: @basefontsize;
&.input-sm {
padding: 5px;
}
&#description {
min-width: @input-description-minwidth;
min-height: 1em;
padding: 10px;
}
}
.field-sm {
input,
textarea {
padding: 5px;
}
}
textarea {
display: block;
clear: both;
width: 100%;
min-height: 100px;
margin-bottom: @padding;
.box-sizing(border-box);
overflow: auto;
}
label {
font-family: @text-light;
}
// GRAVATARS
// centers gravatar on username to the right
.gravatar {
display: inline;
min-width: 16px;
min-height: 16px;
margin: -5px 0;
padding: 0;
line-height: 1em;
comments: add comments type into comments.
r1324 box-sizing: content-box;
Liviu
files avatar in front of message and rounded gravatars
r3650 border-radius: 50%;
project: added all source files and assets
r1
&.gravatar-large {
margin: -0.5em .25em -0.5em 0;
}
& + .user {
display: inline;
margin: 0;
padding: 0 0 0 .17em;
line-height: 1em;
}
pull-requests: expose TODO box in dedicated panel...
r4140
& + .no-margin {
margin: 0
}
project: added all source files and assets
r1 }
ux: #4037 use gravatar for commit email and add tooltips for name + email
r410 .user-inline-data {
display: inline-block;
float: left;
padding-left: .5em;
line-height: 1.3em;
}
project: added all source files and assets
r1 .rc-user { // gravatar + user wrapper
styling: gravatar improvements for special cases
r8 float: left;
project: added all source files and assets
r1 position: relative;
min-width: 100px;
max-width: 200px;
min-height: (@gravatar-size + @border-thickness * 2); // account for border
display: block;
pull-requests: expose TODO box in dedicated panel...
r4140 padding: 0 0 0 (@gravatar-size + @basefontsize/4);
project: added all source files and assets
r1
.gravatar {
display: block;
position: absolute;
top: 0;
left: 0;
min-width: @gravatar-size;
min-height: @gravatar-size;
margin: 0;
}
.user {
display: block;
max-width: 175px;
padding-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
}
}
.gist-gravatar,
.journal_container {
.gravatar-large {
margin: 0 .5em -10px 0;
}
}
gists: removed private/public gist buttons and replaced them with radio group...
r4083 .gist-type-fields {
line-height: 30px;
height: 30px;
.gist-type-fields-wrapper {
vertical-align: middle;
display: inline-block;
line-height: 25px;
}
}
project: added all source files and assets
r1
// ADMIN SETTINGS
// Tag Patterns
.tag_patterns {
.tag_input {
margin-bottom: @padding;
}
}
.locked_input {
position: relative;
input {
display: inline;
strip: ui changes....
r1589 margin: 3px 5px 0px 0px;
project: added all source files and assets
r1 }
br {
display: none;
}
.error-message {
float: left;
width: 100%;
}
.lock_input_button {
display: inline;
}
.help-block {
clear: both;
}
}
// Notifications
.notifications_buttons {
margin: 0 0 @space 0;
padding: 0;
.btn {
display: inline-block;
}
}
.notification-list {
div {
vertical-align: middle;
}
.container {
display: block;
margin: 0 0 @padding 0;
}
.delete-notifications {
margin-left: @padding;
text-align: right;
cursor: pointer;
}
.read-notifications {
margin-left: @padding/2;
text-align: right;
width: 35px;
cursor: pointer;
}
.icon-minus-sign {
color: @alert2;
}
.icon-ok-sign {
color: @alert1;
}
}
.user_settings {
float: left;
clear: both;
display: block;
width: 100%;
.gravatar_box {
margin-bottom: @padding;
&:after {
content: " ";
clear: both;
width: 100%;
}
}
.fields .field {
clear: both;
}
}
.advanced_settings {
margin-bottom: @space;
.help-block {
margin-left: 0;
}
button + .help-block {
margin-top: @padding;
}
}
// admin settings radio buttons and labels
.label-2 {
float: left;
width: @label2-width;
label {
color: @grey1;
}
}
.checkboxes {
float: left;
width: @checkboxes-width;
margin-bottom: @padding;
.checkbox {
width: 100%;
label {
margin: 0;
padding: 0;
}
}
.checkbox + .checkbox {
display: inline-block;
}
label {
margin-right: 1em;
}
}
// CHANGELOG
.container_header {
float: left;
display: block;
width: 100%;
margin: @padding 0 @padding;
#filter_changelog {
float: left;
margin-right: @padding;
}
.breadcrumbs_light {
display: inline-block;
}
}
.info_box {
float: right;
}
#graph_content{
// adjust for table headers so that graph renders properly
// #graph_nodes padding - table cell padding
padding-top: (@space - (@basefontsize * 2.4));
&.graph_full_width {
width: 100%;
max-width: 100%;
}
}
#graph {
.pagination-left {
float: left;
clear: both;
}
.log-container {
max-width: 345px;
.message{
max-width: 340px;
}
}
.graph-col-wrapper {
#graph_nodes {
width: 100px;
dan
commits: new commits page based on new UI
r3758 position: absolute;
ui: fixed commits page details
r3771 left: 70px;
dan
commits: new commits page based on new UI
r3758 z-index: -1;
project: added all source files and assets
r1 }
}
changelog: added dynamic loaders to extend number of commits inside changelog....
r1379
.load-more-commits {
text-align: center;
}
.load-more-commits:hover {
background-color: @grey7;
}
.load-more-commits {
a {
display: block;
}
}
project: added all source files and assets
r1 }
dan
commits: new commits page based on new UI
r3758 .obsolete-toggle {
line-height: 30px;
margin-left: -15px;
}
#rev_range_container, #rev_range_clear, #rev_range_more {
margin-top: -5px;
margin-bottom: -5px;
}
project: added all source files and assets
r1 #filter_changelog {
float: left;
}
//--- THEME ------------------//
#logo {
float: left;
margin: 9px 0 0 0;
.header {
background-color: transparent;
}
a {
display: inline-block;
}
img {
height:30px;
}
}
.logo-wrapper {
float:left;
}
dan
ui: fixed branding look&feel as per discussions.
r3543 .branding {
project: added all source files and assets
r1 float: left;
padding: 9px 2px;
line-height: 1em;
font-size: @navigation-fontsize;
dan
ui: fixed branding look&feel as per discussions.
r3543
a {
color: @grey5
}
commits/pr pages various fixes....
r4485
// 1024px or smaller
@media screen and (max-width: 1180px) {
ui: ensure header doesn't float in smaller screens.
r3877 display: none;
}
commits/pr pages various fixes....
r4485
project: added all source files and assets
r1 }
img {
border: none;
outline: none;
}
user-profile-header
label {
input[type="checkbox"] {
margin-right: 1em;
}
input[type="radio"] {
margin-right: 1em;
}
}
ui: new commits page....
r3882 .review-status {
&.under_review {
color: @alert3;
}
&.approved {
color: @alert1;
}
&.rejected,
&.forced_closed{
color: @alert2;
}
&.not_reviewed {
color: @grey5;
}
}
.review-status-under_review {
color: @alert3;
}
.status-tag-under_review {
border-color: @alert3;
}
.review-status-approved {
color: @alert1;
}
.status-tag-approved {
border-color: @alert1;
}
.review-status-rejected,
.review-status-forced_closed {
color: @alert2;
}
.status-tag-rejected,
.status-tag-forced_closed {
border-color: @alert2;
}
.review-status-not_reviewed {
color: @grey5;
}
.status-tag-not_reviewed {
border-color: @grey5;
}
project: added all source files and assets
r1 .test_pattern_preview {
margin: @space 0;
p {
margin-bottom: 0;
border-bottom: @border-thickness solid @border-default-color;
color: @grey3;
}
.btn {
margin-bottom: @padding;
}
}
#test_pattern_result {
display: none;
&:extend(pre);
padding: .9em;
color: @grey3;
background-color: @grey7;
dan
forms: add deform for integration settings forms
r518 border-right: @border-thickness solid @border-default-color;
border-bottom: @border-thickness solid @border-default-color;
border-left: @border-thickness solid @border-default-color;
project: added all source files and assets
r1 }
#repo_vcs_settings {
#inherit_overlay_vcs_default {
display: none;
}
#inherit_overlay_vcs_custom {
display: custom;
}
&.inherited {
#inherit_overlay_vcs_default {
display: block;
}
#inherit_overlay_vcs_custom {
display: none;
}
}
}
.issue-tracker-link {
color: @rcblue;
}
// Issue Tracker Table Show/Hide
#repo_issue_tracker {
#inherit_overlay {
display: none;
}
#custom_overlay {
display: custom;
}
&.inherited {
#inherit_overlay {
display: block;
}
#custom_overlay {
display: none;
}
}
}
table.issuetracker {
&.readonly {
tr, td {
color: @grey3;
}
}
.edit {
display: none;
}
.editopen {
.edit {
display: inline;
}
.entry {
display: none;
}
}
tr td.td-action {
min-width: 117px;
}
td input {
max-width: none;
min-width: 30px;
width: 80%;
}
.issuetracker_pref input {
width: 40%;
}
input.edit_issuetracker_update {
margin-right: 0;
width: auto;
}
}
dan
integrations: refactor/cleanup + features, fixes #4181...
r731 table.integrations {
.td-icon {
width: 20px;
.integration-icon {
height: 20px;
width: 20px;
}
}
}
.integrations {
a.integration-box {
color: @text-color;
&:hover {
.panel {
background: #fbfbfb;
}
}
.integration-icon {
width: 30px;
height: 30px;
margin-right: 20px;
float: left;
}
.panel-body {
padding: 10px;
}
.panel {
margin-bottom: 10px;
}
h2 {
display: inline-block;
margin: 0;
min-width: 140px;
}
}
integrations: expose EE integrations as dummy objects to show...
r2138 a.integration-box.dummy-integration {
color: @grey4
}
dan
integrations: refactor/cleanup + features, fixes #4181...
r731 }
ux: bringing my account pull request list into the great future #4038
r245
project: added all source files and assets
r1 //Permissions Settings
#add_perm {
margin: 0 0 @padding;
cursor: pointer;
}
.perm_ac {
input {
width: 95%;
}
}
.autocomplete-suggestions {
width: auto !important; // overrides autocomplete.js
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598 min-width: 278px;
project: added all source files and assets
r1 margin: 0;
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598 border: @border-thickness solid @grey5;
project: added all source files and assets
r1 border-radius: @border-radius;
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598 color: @grey2;
project: added all source files and assets
r1 background-color: white;
}
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598
quick-filter: added nicer UI and hints.
r3750 .autocomplete-qfilter-suggestions {
width: auto !important; // overrides autocomplete.js
max-height: 100% !important;
min-width: 376px;
margin: 0;
border: @border-thickness solid @grey5;
color: @grey2;
background-color: white;
}
project: added all source files and assets
r1 .autocomplete-selected {
background: #F0F0F0;
}
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598
project: added all source files and assets
r1 .ac-container-wrap {
margin: 0;
padding: 8px;
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598 border-bottom: @border-thickness solid @grey5;
project: added all source files and assets
r1 list-style-type: none;
cursor: pointer;
&:hover {
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598 background-color: @grey7;
project: added all source files and assets
r1 }
img {
styling: fixing gravatar size for reviewers
r876 height: @gravatar-size;
width: @gravatar-size;
project: added all source files and assets
r1 margin-right: 1em;
}
strong {
font-weight: normal;
}
}
// Settings Dropdown
.user-menu .container {
padding: 0 4px;
margin: 0;
}
.user-menu .gravatar {
cursor: pointer;
}
.codeblock {
margin-bottom: @padding;
clear: both;
dan
ui: file headers should be flexible, to expand on long paths
r3405 .stats {
project: added all source files and assets
r1 overflow: hidden;
}
.message{
textarea{
margin: 0;
}
}
.code-header {
.stats {
line-height: 2em;
.revision_id {
margin-left: 0;
}
.buttons {
padding-right: 0;
}
}
.item{
margin-right: 0.5em;
}
}
dan
file: new file editors...
r3754 #editor_container {
position: relative;
margin: @padding 10px;
project: added all source files and assets
r1 }
}
#file_history_container {
display: none;
}
.file-history-inner {
margin-bottom: 10px;
}
// Pull Requests
.summary-details {
pull-requests: added observers, and fix few problems with versioned comments
r4481 width: 100%;
project: added all source files and assets
r1 }
.pr-summary {
border-bottom: @border-thickness solid @grey5;
margin-bottom: @space;
}
pull-requests: fixed small UI glitches in pull request view.
r4291
pull-requests: added observers, and fix few problems with versioned comments
r4481 .reviewers {
width: 98%;
project: added all source files and assets
r1 }
pull-requests: fixed small UI glitches in pull request view.
r4291
project: added all source files and assets
r1 .reviewers ul li {
position: relative;
width: 100%;
default-reviewers: introduce new voting rule logic that allows...
r2484 padding-bottom: 8px;
style: updated li style and markdown style....
r3248 list-style-type: none;
project: added all source files and assets
r1 }
pull-request: extended default reviewers functionality....
r1769
.reviewer_entry {
min-height: 55px;
}
default-reviewers: introduce new voting rule logic that allows...
r2484 .reviewer_reason {
padding-left: 20px;
line-height: 1.5em;
default-reviewers: changes for source/target branch distinction and new rule name....
r2435 }
project: added all source files and assets
r1 .reviewer_status {
display: inline-block;
pull-requests: overhaul of the UX by adding new sidebar...
r4482 width: 20px;
min-width: 20px;
project: added all source files and assets
r1 height: 1.2em;
line-height: 1em;
}
.reviewer_name {
display: inline-block;
max-width: 83%;
padding-right: 20px;
vertical-align: middle;
styling: gravatar improvements for special cases
r8 line-height: 1;
.rc-user {
min-width: 0;
margin: -2px 1em 0 0;
}
.reviewer {
float: left;
}
project: added all source files and assets
r1 }
default-reviewers: introduce new voting rule logic that allows...
r2484 .reviewer_member_mandatory {
width: 16px;
font-size: 11px;
margin: 0;
padding: 0;
color: black;
pull-requests: overhaul of the UX by adding new sidebar...
r4482 opacity: 0.4;
default-reviewers: introduce new voting rule logic that allows...
r2484 }
pull-request: extended default reviewers functionality....
r1769 .reviewer_member_mandatory_remove,
project: added all source files and assets
r1 .reviewer_member_remove {
width: 16px;
padding: 0;
color: black;
commits/pr pages various fixes....
r4485 cursor: pointer;
project: added all source files and assets
r1 }
pull-request: extended default reviewers functionality....
r1769
.reviewer_member_mandatory_remove {
color: @grey4;
}
project: added all source files and assets
r1 .reviewer_member_status {
margin-top: 5px;
}
.pr-summary #summary{
width: 100%;
}
.pr-summary .action_button:hover {
border: 0;
cursor: pointer;
}
.pr-details-title {
pull-requests: added observers, and fix few problems with versioned comments
r4481 height: 20px;
line-height: 20px;
project: added all source files and assets
r1 padding-bottom: 8px;
border-bottom: @border-thickness solid @grey5;
pull-requests: moved the delete logic into the show view....
r1085
.action_button.disabled {
color: @grey4;
cursor: inherit;
}
project: added all source files and assets
r1 .action_button {
color: @rcblue;
}
}
.pr-details-content {
pull-requests: expose TODO box in dedicated panel...
r4140 margin-top: @textmargin - 5;
margin-bottom: @textmargin - 5;
project: added all source files and assets
r1 }
pull-request: extended default reviewers functionality....
r1769
.pr-reviewer-rules {
padding: 10px 0px 20px 0px;
}
pull-requests: expose TODO box in dedicated panel...
r4140 .todo-resolved {
text-decoration: line-through;
}
pull-requests: added observers, and fix few problems with versioned comments
r4481 .todo-table, .comments-table {
pull-requests: expose TODO box in dedicated panel...
r4140 width: 100%;
td {
padding: 5px 0px;
}
.td-todo-number {
text-align: left;
white-space: nowrap;
pull-requests: overhaul of the UX by adding new sidebar...
r4482 width: 1%;
padding-right: 2px;
pull-requests: expose TODO box in dedicated panel...
r4140 }
.td-todo-gravatar {
width: 5%;
img {
margin: -3px 0;
}
}
}
.todo-comment-text-wrapper {
display: inline-grid;
}
.todo-comment-text {
margin-left: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
pull-requests: overhaul of the UX by adding new sidebar...
r4482 table.group_members {
width: 100%
}
project: added all source files and assets
r1 .group_members {
margin-top: 0;
padding: 0;
styling: fixing gravatar size for reviewers
r876
img {
height: @gravatar-size;
width: @gravatar-size;
margin-right: .5em;
margin-left: 3px;
}
user-groups: new selector for user group memebers....
r1089
.to-delete {
.user {
text-decoration: line-through;
}
}
project: added all source files and assets
r1 }
user-groups: new selector for user group memebers....
r1089
pull-requests: expose version browsing of pull requests....
r1255 .compare_view_commits_title {
.disabled {
cursor: inherit;
&:hover{
background-color: inherit;
color: inherit;
}
}
}
pr-versioning: implemented versioning for pull requests....
r1368 .subtitle-compare {
margin: -15px 0px 0px 0px;
}
user-groups: new selector for user group memebers....
r1089 // new entry in group_members
.td-author-new-entry {
background-color: rgba(red(@alert1), green(@alert1), blue(@alert1), 0.3);
}
.usergroup_member_remove {
width: 16px;
margin-bottom: 10px;
padding: 0;
color: black !important;
cursor: pointer;
}
project: added all source files and assets
r1 .reviewer_ac .ac-input {
reviewers: added observers as another way to define reviewers....
r4500 width: 98%;
margin-bottom: 1em;
}
.observer_ac .ac-input {
width: 98%;
margin-bottom: 1em;
}
.rule-table {
commits/pr pages various fixes....
r4485 width: 100%;
reviewers: added observers as another way to define reviewers....
r4500 }
.rule-table td {
}
.rule-table .td-role {
width: 100px
}
.rule-table .td-mandatory {
width: 100px
}
.rule-table .td-group-votes {
width: 150px
project: added all source files and assets
r1 }
pull-requests: added version browsing for pull requests....
r1192
project: added all source files and assets
r1 .compare_view_commits tr{
height: 20px;
}
.compare_view_commits td {
vertical-align: top;
padding-top: 10px;
}
.compare_view_commits .author {
margin-left: 5px;
}
pr-versioning: implemented versioning for pull requests....
r1368 .compare_view_commits {
.color-a {
color: @alert1;
}
.color-c {
color: @color3;
}
.color-r {
color: @color5;
}
.color-a-bg {
background-color: @alert1;
}
.color-c-bg {
background-color: @alert3;
}
.color-r-bg {
background-color: @alert2;
}
.color-a-border {
border: 1px solid @alert1;
}
.color-c-border {
border: 1px solid @alert3;
}
.color-r-border {
border: 1px solid @alert2;
}
.commit-change-indicator {
width: 15px;
height: 15px;
position: relative;
left: 15px;
}
.commit-change-content {
text-align: center;
vertical-align: middle;
line-height: 15px;
}
}
project: added all source files and assets
r1 .compare_view_filepath {
color: @grey1;
}
.show_more {
display: inline-block;
ui: dropped the custom font in favor of builtin ones....
r3164 width: 0;
height: 0;
project: added all source files and assets
r1 vertical-align: middle;
ui: dropped the custom font in favor of builtin ones....
r3164 content: "";
border: 4px solid;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
font-size: 0;
project: added all source files and assets
r1 }
.journal_more .show_more {
display: inline;
&:after {
content: none;
}
}
.compare_view_commits .collapse_commit:after {
cursor: pointer;
content: "\00A0\25B4";
margin-left: -3px;
font-size: 17px;
color: @grey4;
}
.diff_links {
margin-left: 8px;
}
ui: fixed style for ancestor commit. Fixes #5558
r3807 #pull_request_overview {
div.ancestor {
margin: -33px 0;
}
}
diffs: compare overhaul....
r1259 div.ancestor {
pull-requests: fix way how pull-request calculates common ancestors....
r4346
project: added all source files and assets
r1 }
.cs_icon_td input[type="checkbox"] {
display: none;
}
.cs_icon_td .expand_file_icon:after {
cursor: pointer;
content: "\00A0\25B6";
font-size: 12px;
color: @grey4;
}
.cs_icon_td .collapse_file_icon:after {
cursor: pointer;
content: "\00A0\25BC";
font-size: 12px;
color: @grey4;
}
/*new binary
NEW_FILENODE = 1
DEL_FILENODE = 2
MOD_FILENODE = 3
RENAMED_FILENODE = 4
COPIED_FILENODE = 5
CHMOD_FILENODE = 6
BIN_FILENODE = 7
*/
.cs_files_expand {
font-size: @basefontsize + 5px;
line-height: 1.8em;
float: right;
}
.cs_files_expand span{
color: @rcblue;
cursor: pointer;
}
.cs_files {
clear: both;
padding-bottom: @padding;
.cur_cs {
margin: 10px 2px;
font-weight: bold;
}
.node {
float: left;
}
.changes {
float: right;
color: white;
font-size: @basefontsize - 4px;
margin-top: 4px;
opacity: 0.6;
filter: Alpha(opacity=60); /* IE8 and earlier */
.added {
background-color: @alert1;
float: left;
text-align: center;
}
.deleted {
background-color: @alert2;
float: left;
text-align: center;
}
.bin {
background-color: @alert1;
text-align: center;
}
/*new binary*/
.bin.bin1 {
background-color: @alert1;
text-align: center;
}
/*deleted binary*/
.bin.bin2 {
background-color: @alert2;
text-align: center;
}
/*mod binary*/
.bin.bin3 {
background-color: @grey2;
text-align: center;
}
/*rename file*/
.bin.bin4 {
background-color: @alert4;
text-align: center;
}
/*copied file*/
.bin.bin5 {
background-color: @alert4;
text-align: center;
}
/*chmod file*/
.bin.bin6 {
background-color: @grey2;
text-align: center;
}
}
}
.cs_files .cs_added, .cs_files .cs_A,
.cs_files .cs_added, .cs_files .cs_M,
.cs_files .cs_added, .cs_files .cs_D {
height: 16px;
padding-right: 10px;
margin-top: 7px;
text-align: left;
}
.cs_icon_td {
min-width: 16px;
width: 16px;
}
.pull-request-merge {
pull-request: introduced new merge-checks....
r1334 border: 1px solid @grey5;
padding: 10px 0px 20px;
project: added all source files and assets
r1 margin-top: 10px;
margin-bottom: 20px;
}
pull-requests: use close logic next to merge....
r3977 .pull-request-merge-refresh {
margin: 2px 7px;
pr: cleanup merge checks page, and use stable url. previously refresh checks ajax would change the URL
r4053 a {
color: @grey3;
}
pull-requests: use close logic next to merge....
r3977 }
pull-request: introduced new merge-checks....
r1334 .pull-request-merge ul {
padding: 0px 0px;
}
style: updated li style and markdown style....
r3248 .pull-request-merge li {
list-style-type: none;
pull-request: introduced new merge-checks....
r1334 }
project: added all source files and assets
r1 .pull-request-merge .pull-request-wrap {
pull-request: introduced new merge-checks....
r1334 height: auto;
padding: 0px 0px;
text-align: right;
project: added all source files and assets
r1 }
.pull-request-merge span {
pull-request: introduced new merge-checks....
r1334 margin-right: 5px;
}
.pull-request-merge-actions {
pull-requests: use merge info to show how Pull requests will be merged....
r2053 min-height: 30px;
pull-request: introduced new merge-checks....
r1334 padding: 0px 0px;
}
pull-requests: use merge info to show how Pull requests will be merged....
r2053 .pull-request-merge-info {
padding: 0px 5px 5px 0px;
}
pull-requests: unified merge checks....
r1335 .merge-status {
margin-right: 5px;
}
pull-request: introduced new merge-checks....
r1334 .merge-message {
font-size: 1.2em
project: added all source files and assets
r1 }
pull-request: introduced new merge-checks....
r1334
pull-requests: unified merge checks....
r1335 .merge-message.success i,
.merge-icon.success i {
pull-request: introduced new merge-checks....
r1334 color:@alert1;
}
pull-requests: unified merge checks....
r1335
.merge-message.warning i,
.merge-icon.warning i {
pull-request: introduced new merge-checks....
r1334 color: @alert3;
}
pull-requests: unified merge checks....
r1335
.merge-message.error i,
.merge-icon.error i {
pull-request: introduced new merge-checks....
r1334 color:@alert2;
}
pull-requests: updated versioning support....
r1268 .pr-versions {
pr-versioning: implemented versioning for pull requests....
r1368 font-size: 1.1em;
pull-requests: simplified the UI for pr view....
r4136 padding: 7.5px;
pr-versioning: implemented versioning for pull requests....
r1368
table {
pull-requests: simplified the UI for pr view....
r4136
pr-versioning: implemented versioning for pull requests....
r1368 }
td {
line-height: 15px;
}
.compare-radio-button {
position: relative;
top: -3px;
}
pull-requests: updated versioning support....
r1268 }
pr-versioning: implemented versioning for pull requests....
r1368
project: added all source files and assets
r1 #close_pull_request {
margin-right: 0px;
}
.empty_data {
color: @grey4;
}
#changeset_compare_view_content {
clear: both;
width: 100%;
box-sizing: border-box;
.border-radius(@border-radius);
.help-block {
margin: @padding 0;
color: @text-color;
dan
users: add additional information why user with pending reviews shouldn't be deleted.
r1923 &.pre-formatting {
white-space: pre;
}
project: added all source files and assets
r1 }
.empty_data {
margin: @padding 0;
}
.alert {
margin-bottom: @space;
}
}
.table_disp {
.status {
width: auto;
}
}
repositories: ported repo_creating checks to pyramid....
r1985
.creation_in_progress {
color: @grey4
}
project: added all source files and assets
r1 .status_box_menu {
margin: 0;
}
.notification-table{
margin-bottom: @space;
display: table;
width: 100%;
.container{
display: table-row;
.notification-header{
border-bottom: @border-thickness solid @border-default-color;
}
.notification-subject{
display: table-cell;
}
}
}
// Notifications
.notification-header{
display: table;
width: 100%;
padding: floor(@basefontsize/2) 0;
line-height: 1em;
.desc, .delete-notifications, .read-notifications{
display: table-cell;
text-align: left;
}
.delete-notifications, .read-notifications{
width: 35px;
min-width: 35px; //fixes when only one button is displayed
}
}
.notification-body {
.markdown-block,
.rst-block {
padding: @padding 0;
}
.notification-subject {
padding: @textmargin 0;
border-bottom: @border-thickness solid @border-default-color;
}
}
core: added user-notice logic to push notice messages....
r4300 .notice-messages {
.markdown-block,
.rst-block {
padding: 0;
}
}
project: added all source files and assets
r1
.notifications_buttons{
float: right;
}
notifications: support real-time notifications with websockets via channelstream
r526 #notification-status{
display: inline;
}
project: added all source files and assets
r1 // Repositories
#summary.fields{
display: table;
.field{
display: table-row;
.label-summary{
display: table-cell;
min-width: @label-summary-minwidth;
padding-top: @padding/2;
padding-bottom: @padding/2;
padding-right: @padding/2;
}
.input{
display: table-cell;
padding: @padding/2;
input{
min-width: 29em;
padding: @padding/4;
}
}
.statistics, .downloads{
.disabled{
color: @grey4;
}
}
}
}
#summary{
width: 70%;
}
// Journal
.journal.title {
h5 {
float: left;
margin: 0;
width: 70%;
}
ul {
float: right;
display: inline-block;
margin: 0;
width: 30%;
text-align: right;
li {
display: inline;
font-size: @journal-fontsize;
line-height: 1em;
style: updated li style and markdown style....
r3248 list-style-type: none;
project: added all source files and assets
r1 }
}
}
.filterexample {
position: absolute;
top: 95px;
left: @contentpadding;
color: @rcblue;
font-size: 11px;
font-family: @text-regular;
cursor: help;
&:hover {
color: @rcdarkblue;
}
@media (max-width:768px) {
position: relative;
top: auto;
left: auto;
display: block;
}
}
#journal{
margin-bottom: @space;
.journal_day{
margin-bottom: @textmargin/2;
padding-bottom: @textmargin/2;
font-size: @journal-fontsize;
border-bottom: @border-thickness solid @border-default-color;
}
.journal_container{
margin-bottom: @space;
.journal_user{
display: inline-block;
}
.journal_action_container{
display: block;
margin-top: @textmargin;
div{
display: inline;
}
div.journal_action_params{
display: block;
}
div.journal_repo:after{
content: "\A";
white-space: pre;
}
div.date{
display: block;
margin-bottom: @textmargin;
}
}
}
}
// Files
.edit-file-title {
dan
file: new file editors...
r3754 font-size: 16px;
.title-heading {
padding: 2px;
project: added all source files and assets
r1 }
}
.edit-file-fieldset {
dan
file: new file editors...
r3754 margin: @sidebarpadding 0;
project: added all source files and assets
r1
.fieldset {
.left-label {
width: 13%;
}
.right-content {
width: 87%;
max-width: 100%;
}
.filename-label {
margin-top: 13px;
}
.commit-message-label {
margin-top: 4px;
}
.file-upload-input {
input {
display: none;
}
file-upload: allow specfing custom filename for uploaded archives.
r1683 margin-top: 10px;
}
.file-upload-label {
margin-top: 10px;
project: added all source files and assets
r1 }
p {
margin-top: 5px;
}
}
.custom-path-link {
margin-left: 5px;
}
#commit {
resize: vertical;
}
}
.delete-file-preview {
max-height: 250px;
}
.new-file,
#filter_activate,
#filter_deactivate {
Liviu
files view changes: moved add file, download and search to the right, added paddings and margins
r3695 float: right;
margin: 0 0 0 10px;
project: added all source files and assets
r1 }
dan
file: new file editors...
r3754 .file-upload-transaction-wrapper {
margin-top: 57px;
clear: both;
}
.file-upload-transaction-wrapper .error {
color: @color5;
}
.file-upload-transaction {
min-height: 200px;
padding: 54px;
border: 1px solid @grey5;
text-align: center;
clear: both;
}
.file-upload-transaction i {
font-size: 48px
}
project: added all source files and assets
r1 h3.files_location{
line-height: 2.4em;
}
.browser-nav {
Liviu
files view changes: moved add file, download and search to the right, added paddings and margins
r3695 width: 100%;
project: added all source files and assets
r1 display: table;
Liviu
files view changes: moved add file, download and search to the right, added paddings and margins
r3695 margin-bottom: 20px;
project: added all source files and assets
r1
.info_box {
Liviu
files view changes: moved add file, download and search to the right, added paddings and margins
r3695 float: left;
project: added all source files and assets
r1 display: inline-table;
height: 2.5em;
.browser-cur-rev, .info_box_elem {
display: table-cell;
vertical-align: middle;
}
Liviu
files view changes: moved add file, download and search to the right, added paddings and margins
r3695 .drop-menu {
margin: 0 10px;
}
project: added all source files and assets
r1 .info_box_elem {
Liviu
changed the styles of default buttons, dropdowns, pagination
r3576 border-top: @border-thickness solid @grey5;
border-bottom: @border-thickness solid @grey5;
box-shadow: @button-shadow;
project: added all source files and assets
r1
#at_rev, a {
Liviu
fixed and new-ui changes on the inputs, tags, dropdowns
r3594 padding: 0.6em 0.4em;
project: added all source files and assets
r1 margin: 0;
.box-shadow(none);
border: 0;
height: 12px;
Liviu
changed the styles of default buttons, dropdowns, pagination
r3576 color: @grey2;
project: added all source files and assets
r1 }
input#at_rev {
max-width: 50px;
Liviu
fixed and new-ui changes on the inputs, tags, dropdowns
r3594 text-align: center;
project: added all source files and assets
r1 }
&.previous {
Liviu
changed the styles of default buttons, dropdowns, pagination
r3576 border: @border-thickness solid @grey5;
border-top-left-radius: @border-radius;
border-bottom-left-radius: @border-radius;
&:hover {
border-color: @grey4;
}
project: added all source files and assets
r1 .disabled {
Liviu
changed the styles of default buttons, dropdowns, pagination
r3576 color: @grey5;
project: added all source files and assets
r1 cursor: not-allowed;
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598 opacity: 0.5;
project: added all source files and assets
r1 }
}
&.next {
Liviu
changed the styles of default buttons, dropdowns, pagination
r3576 border: @border-thickness solid @grey5;
border-top-right-radius: @border-radius;
border-bottom-right-radius: @border-radius;
&:hover {
border-color: @grey4;
}
project: added all source files and assets
r1 .disabled {
Liviu
changed the styles of default buttons, dropdowns, pagination
r3576 color: @grey5;
project: added all source files and assets
r1 cursor: not-allowed;
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598 opacity: 0.5;
project: added all source files and assets
r1 }
}
}
.browser-cur-rev {
span{
margin: 0;
color: @rcblue;
height: 12px;
display: inline-block;
padding: 0.7em 1em ;
border: @border-thickness solid @rcblue;
margin-right: @padding;
}
}
gravatars: reduce the size of fonts inside the initials gravatar
r3654
project: added all source files and assets
r1 }
files: updated based on new design
r3706 .select-index-number {
margin: 0 0 0 20px;
color: @grey3;
}
project: added all source files and assets
r1 .search_activate {
display: table-cell;
vertical-align: middle;
input, label{
margin: 0;
padding: 0;
}
input{
margin-left: @textmargin;
}
}
}
.browser-cur-rev{
margin-bottom: @textmargin;
}
#node_filter_box_loading{
.info_text;
}
.browser-search {
margin: -25px 0px 5px 0px;
}
files: made file filter an active input instead of a button.
r3694 .files-quick-filter {
float: right;
Liviu
files view changes: moved add file, download and search to the right, added paddings and margins
r3695 width: 180px;
position: relative;
project: added all source files and assets
r1 }
files: made file filter an active input instead of a button.
r3694 .files-filter-box {
display: flex;
padding: 0px;
border-radius: 3px;
Liviu
files view changes: moved add file, download and search to the right, added paddings and margins
r3695 margin-bottom: 0;
files: made file filter an active input instead of a button.
r3694
a {
border: none !important;
}
li {
list-style-type: none
}
}
.files-filter-box-path {
Liviu
files view changes: moved add file, download and search to the right, added paddings and margins
r3695 line-height: 33px;
padding: 0;
width: 20px;
position: absolute;
z-index: 11;
left: 5px;
files: made file filter an active input instead of a button.
r3694 }
.files-filter-box-input {
margin-right: 0;
input {
Liviu
files view changes: moved add file, download and search to the right, added paddings and margins
r3695 border: 1px solid @white;
padding-left: 25px;
width: 145px;
&:hover {
border-color: @grey6;
}
&:focus {
border-color: @grey5;
}
files: made file filter an active input instead of a button.
r3694 }
}
project: added all source files and assets
r1
.browser-result{
td a{
margin-left: 0.5em;
display: inline-block;
style: bring back bold font style.
r3186 em {
font-weight: @text-bold-weight;
font-family: @text-bold;
}
project: added all source files and assets
r1 }
}
.browser-highlight{
background-color: @grey5-alpha;
}
dan
file: new file editors...
r3754 .edit-file-fieldset #location,
.edit-file-fieldset #filename {
display: flex;
width: -moz-available; /* WebKit-based browsers will ignore this. */
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
width: fill-available;
border: 0;
}
.path-items {
display: flex;
padding: 0;
border: 1px solid #eeeeee;
width: 100%;
float: left;
.breadcrumb-path {
line-height: 30px;
padding: 0 4px;
white-space: nowrap;
}
dan
files: add pre-commit checks on file operations to prevent loosing content while editing when repositories change....
r4302 .upload-form {
margin-top: 46px;
}
dan
file: new file editors...
r3754 .location-path {
width: -moz-available; /* WebKit-based browsers will ignore this. */
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
width: fill-available;
.file-name-input {
padding: 0.5em 0;
}
}
ul {
display: flex;
margin: 0;
padding: 0;
dan
files: fixed spacing for path inputs
r3756 width: 100%;
dan
file: new file editors...
r3754 }
dan
files: fixed spacing for path inputs
r3756
dan
file: new file editors...
r3754 li {
list-style-type: none;
}
dan
files: fixed spacing for path inputs
r3756
dan
file: new file editors...
r3754 }
.editor-items {
height: 40px;
margin: 10px 0 -17px 10px;
.editor-action {
cursor: pointer;
}
.editor-action.active {
border-bottom: 2px solid #5C5C5C;
}
li {
list-style-type: none;
}
}
.edit-file-fieldset .message textarea {
border: 1px solid #eeeeee;
}
#files_data .codeblock {
background-color: #F5F5F5;
}
#editor_preview {
background: white;
}
.show-editor {
padding: 10px;
background-color: white;
}
.show-preview {
padding: 10px;
background-color: white;
border-left: 1px solid #eeeeee;
}
dan
gists: fixed UI based on latest changes
r3762 // quick filter
.grid-quick-filter {
float: right;
position: relative;
}
.grid-filter-box {
display: flex;
padding: 0px;
border-radius: 3px;
margin-bottom: 0;
a {
border: none !important;
}
li {
list-style-type: none
}
tables: unified tables for main pages of rhodecode repo pages.
r4511
dan
gists: fixed UI based on latest changes
r3762 }
.grid-filter-box-icon {
line-height: 33px;
padding: 0;
width: 20px;
position: absolute;
z-index: 11;
left: 5px;
}
.grid-filter-box-input {
margin-right: 0;
input {
border: 1px solid @white;
padding-left: 25px;
width: 145px;
&:hover {
border-color: @grey6;
}
&:focus {
border-color: @grey5;
}
}
}
dan
file: new file editors...
r3754
project: added all source files and assets
r1 // Search
.search-form{
#q {
width: @search-form-width;
}
.fields{
margin: 0 0 @space;
}
label{
display: inline-block;
margin-right: @textmargin;
padding-top: 0.25em;
}
.results{
clear: both;
margin: 0 0 @padding;
}
dan
search: new UI for search, and repo group context search...
r3442
.search-tags {
padding: 5px 0;
}
project: added all source files and assets
r1 }
div.search-feedback-items {
display: inline-block;
}
dan
forms: add deform for integration settings forms
r518 div.search-code-body {
project: added all source files and assets
r1 background-color: #ffffff; padding: 5px 0 5px 10px;
pre {
.match { background-color: #faffa6;}
.break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
}
}
.expand_commit.search {
.show_more.open {
height: auto;
max-height: none;
}
}
.search-results {
h2 {
margin-bottom: 0;
}
.codeblock {
border: none;
background: transparent;
}
.codeblock-header {
border: none;
background: transparent;
}
.code-body {
search: fixed UI of search items after redesign.
r3745 border: @border-thickness solid @grey6;
project: added all source files and assets
r1 .border-radius(@border-radius);
}
.td-commit {
&:extend(pre);
border-bottom: @border-thickness solid @border-default-color;
}
.message {
height: auto;
max-width: 350px;
white-space: normal;
text-overflow: initial;
overflow: visible;
.match { background-color: #faffa6;}
.break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
}
search: fixed UI of search items after redesign.
r3745 .path {
border-bottom: none !important;
border-left: 1px solid @grey6 !important;
border-right: 1px solid @grey6 !important;
}
project: added all source files and assets
r1 }
table.rctable td.td-search-results div {
max-width: 100%;
}
#tip-box, .tip-box{
padding: @menupadding/2;
display: block;
border: @border-thickness solid @border-highlight-color;
.border-radius(@border-radius);
background-color: white;
z-index: 99;
white-space: pre-wrap;
}
#linktt {
width: 79px;
}
#help_kb .modal-content{
commits/pr pages various fixes....
r4485 max-width: 800px;
project: added all source files and assets
r1 margin: 10% auto;
table{
td,th{
border-bottom: none;
line-height: 2.5em;
}
th{
padding-bottom: @textmargin/2;
}
td.keys{
text-align: center;
}
}
.block-left{
width: 45%;
margin-right: 5%;
}
.modal-footer{
clear: both;
}
.key.tag{
padding: 0.5em;
background-color: @rcblue;
color: white;
border-color: @rcblue;
.box-shadow(none);
}
}
//--- IMPORTS FOR REFACTORED STYLES ------------------//
@import 'statistics-graph';
@import 'tables';
@import 'forms';
@import 'diff';
@import 'summary';
@import 'navigation';
//--- SHOW/HIDE SECTIONS --//
.btn-collapse {
float: right;
text-align: right;
font-family: @text-light;
font-size: @basefontsize;
cursor: pointer;
border: none;
color: @rcblue;
}
table.rctable,
table.dataTable {
.btn-collapse {
float: right;
text-align: right;
}
}
ui: make permissions th less dense
r3185 table.rctable {
&.permissions {
th.td-owner {
padding: 0;
}
th {
font-weight: normal;
padding: 0 5px;
}
}
}
project: added all source files and assets
r1
// TODO: johbo: Fix for IE10, this avoids that we see a border
// and padding around checkboxes and radio boxes. Move to the right place,
// or better: Remove this once we did the form refactoring.
input[type=checkbox],
input[type=radio] {
padding: 0;
border: none;
}
notifications: use rhodecode-toast for notifications instead of toastr jquery plugin
r699
.toggle-ajax-spinner{
height: 16px;
width: 16px;
}
pull-requests: allow markup rendered description.
r2816
.markup-form .clearfix {
.border-radius(@border-radius);
margin: 0px;
}
.markup-form-area {
padding: 8px 12px;
border: 1px solid @grey4;
.border-radius(@border-radius);
}
.markup-form-area-header .nav-links {
display: flex;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
width: 100%;
}
.markup-form-area-footer {
display: flex;
}
.markup-form-area-footer .toolbar {
}
// markup Form
div.markup-form {
margin-top: 20px;
}
.markup-form strong {
display: block;
margin-bottom: 15px;
}
.markup-form textarea {
width: 100%;
height: 100px;
fonts: use consistent fonts across whole application.
r3165 font-family: @text-monospace;
pull-requests: allow markup rendered description.
r2816 }
form.markup-form {
margin-top: 10px;
margin-left: 10px;
}
.markup-form .comment-block-ta,
.markup-form .preview-box {
.border-radius(@border-radius);
.box-sizing(border-box);
background-color: white;
}
.markup-form .preview-box.unloaded {
height: 50px;
text-align: center;
padding: 20px;
background-color: white;
}
artifacts: updated CE code for this EE feature.
r3675
artifacts: updated UI
r3737
.dropzone-wrapper {
border: 1px solid @grey5;
padding: 20px;
}
dan
file: new file editors...
r3754 .dropzone,
.dropzone-pure {
hovercacrds: added new tooltips and hovercards to expose certain information for objects shown in UI
r4026 border: 2px dashed @grey5;
border-radius: 5px;
background: white;
min-height: 200px;
padding: 54px;
dan
file: new file editors...
r3754
.dz-message {
hovercacrds: added new tooltips and hovercards to expose certain information for objects shown in UI
r4026 font-weight: 700;
text-align: center;
margin: 2em 0;
dan
file: new file editors...
r3754 }
artifacts: updated CE code for this EE feature.
r3675 }
.dz-preview {
hovercacrds: added new tooltips and hovercards to expose certain information for objects shown in UI
r4026 margin: 10px 0 !important;
position: relative;
vertical-align: top;
padding: 10px;
border-bottom: 1px solid @grey5;
artifacts: updated CE code for this EE feature.
r3675 }
.dz-filename {
hovercacrds: added new tooltips and hovercards to expose certain information for objects shown in UI
r4026 font-weight: 700;
float: left;
artifacts: updated UI
r3737 }
dan
file: new file editors...
r3754 .dz-sending {
float: right;
}
artifacts: updated UI
r3737 .dz-response {
hovercacrds: added new tooltips and hovercards to expose certain information for objects shown in UI
r4026 clear: both
artifacts: updated UI
r3737 }
.dz-filename-size {
hovercacrds: added new tooltips and hovercards to expose certain information for objects shown in UI
r4026 float: right
artifacts: updated CE code for this EE feature.
r3675 }
.dz-error-message {
hovercacrds: added new tooltips and hovercards to expose certain information for objects shown in UI
r4026 color: @alert2;
padding-top: 10px;
clear: both;
}
.user-hovercard {
padding: 5px;
}
.user-hovercard-icon {
display: inline;
padding: 0;
box-sizing: content-box;
border-radius: 50%;
float: left;
}
.user-hovercard-name {
float: right;
vertical-align: top;
padding-left: 10px;
min-width: 150px;
}
.user-hovercard-bio {
clear: both;
padding-top: 10px;
}
.user-hovercard-header {
clear: both;
min-height: 10px;
}
.user-hovercard-footer {
clear: both;
min-height: 10px;
dan
file: new file editors...
r3754 }
hovercacrds: added new tooltips and hovercards to expose certain information for objects shown in UI
r4026
.user-group-hovercard {
padding: 5px;
}
.user-group-hovercard-icon {
display: inline;
padding: 0;
box-sizing: content-box;
border-radius: 50%;
float: left;
}
.user-group-hovercard-name {
float: left;
vertical-align: top;
padding-left: 10px;
min-width: 150px;
}
.user-group-hovercard-icon i {
border: 1px solid @grey4;
border-radius: 4px;
}
.user-group-hovercard-bio {
clear: both;
padding-top: 10px;
line-height: 1.0em;
}
.user-group-hovercard-header {
clear: both;
min-height: 10px;
}
.user-group-hovercard-footer {
clear: both;
min-height: 10px;
}
dan
hovercards: allow hovercards on parsed !PR patterns....
r4046
.pr-hovercard-header {
clear: both;
display: block;
line-height: 20px;
}
.pr-hovercard-user {
display: flex;
align-items: center;
padding-left: 5px;
}
.pr-hovercard-title {
padding-top: 5px;
commits/pr pages various fixes....
r4485 }
.action-divider {
opacity: 0.5;
}
.details-inline-block {
display: inline-block;
position: relative;
}
.details-inline-block summary {
list-style: none;
}
details:not([open]) > :not(summary) {
display: none !important;
}
.details-reset > summary {
list-style: none;
}
.details-reset > summary::-webkit-details-marker {
display: none;
}
.details-dropdown {
position: absolute;
top: 100%;
width: 185px;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid @grey5;
box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
left: -150px;
text-align: left;
z-index: 90;
}
.dropdown-divider {
display: block;
height: 0;
margin: 8px 0;
border-top: 1px solid @grey5;
}
.dropdown-item {
display: block;
padding: 4px 8px 4px 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: normal;
}
.right-sidebar {
position: fixed;
top: 0px;
bottom: 0;
right: 0;
background: #fafafa;
z-index: 50;
}
.right-sidebar {
border-left: 1px solid @grey5;
}
.right-sidebar.right-sidebar-expanded {
width: 300px;
overflow: scroll;
}
.right-sidebar.right-sidebar-collapsed {
width: 40px;
padding: 0;
display: block;
overflow: hidden;
}
.sidenav {
float: right;
will-change: min-height;
background: #fafafa;
width: 100%;
}
.sidebar-toggle {
height: 30px;
text-align: center;
margin: 15px 0px 0 0;
}
.sidebar-toggle a {
}
.sidebar-content {
margin-left: 15px;
margin-right: 15px;
}
.sidebar-heading {
font-size: 1.2em;
font-weight: 700;
margin-top: 10px;
}
.sidebar-element {
margin-top: 20px;
}
.right-sidebar-collapsed-state {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 10px;
cursor: pointer;
font-size: 1.3em;
margin: 0 -15px;
}
.right-sidebar-collapsed-state:hover {
background-color: @grey5;
}
.old-comments-marker {
text-align: left;
}
.old-comments-marker td {
padding-top: 15px;
border-bottom: 1px solid @grey5;
}