##// END OF EJS Templates
pull-requests: added awaiting my review filter for users pull-requests....
pull-requests: added awaiting my review filter for users pull-requests. - additionally the awaiting my review now properly filters pull requests that have no review votes on them

File last commit:

r4690:2e951f8d stable
r4690:2e951f8d stable
Show More
buttons.less
630 lines | 10.8 KiB | text/x-less | LessCssLexer
project: added all source files and assets
r1
//BUTTONS
button,
.btn,
input[type="button"] {
-webkit-appearance: none;
display: inline-block;
margin: 0 @padding/3 0 0;
padding: @button-padding;
text-align: center;
font-size: @basefontsize;
line-height: 1em;
font-family: @text-light;
text-decoration: none;
text-shadow: none;
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;
background-image: none;
border: none;
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598 .border ( @border-thickness-buttons, @grey5 );
project: added all source files and assets
r1 .border-radius (@border-radius);
cursor: pointer;
white-space: nowrap;
-webkit-transition: background .3s,color .3s;
-moz-transition: background .3s,color .3s;
-o-transition: background .3s,color .3s;
transition: background .3s,color .3s;
Liviu
Multiple changes for the navigation and buttons
r3570 box-shadow: @button-shadow;
-webkit-box-shadow: @button-shadow;
project: added all source files and assets
r1
a {
display: block;
margin: 0;
padding: 0;
color: inherit;
text-decoration: none;
&:hover {
text-decoration: none;
}
}
&:focus,
&:active {
outline:none;
}
ui: small styling of buttons
r4122
project: added all source files and assets
r1 &:hover {
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598 color: @rcdarkblue;
ui: small styling of buttons
r4122 background-color: @grey6;
}
&.btn-active {
color: @rcdarkblue;
background-color: @grey6;
project: added all source files and assets
r1 }
dan
ui: fixed some missed icons during redesign phase
r3798 .icon-remove {
project: added all source files and assets
r1 display: none;
}
//disabled buttons
//last; overrides any other styles
&:disabled {
opacity: .7;
cursor: auto;
background-color: white;
color: @grey4;
text-shadow: none;
}
pull-request: extended default reviewers functionality....
r1769 &.no-margin {
margin: 0 0 0 0;
}
ui: small styling of buttons
r4122
ui: new commits page....
r3882
project: added all source files and assets
r1 }
.btn-default {
Liviu
changed the styles of default buttons, dropdowns, pagination
r3576 border: @border-thickness solid @grey5;
project: added all source files and assets
r1 background-image: none;
Liviu
changed the styles of default buttons, dropdowns, pagination
r3576 color: @grey2;
project: added all source files and assets
r1
a {
Liviu
changed the styles of default buttons, dropdowns, pagination
r3576 color: @grey2;
project: added all source files and assets
r1 }
&:hover,
&.active {
Liviu
changed the styles of default buttons, dropdowns, pagination
r3576 color: @rcdarkblue;
background-color: @white;
.border ( @border-thickness, @grey4 );
project: added all source files and assets
r1
a {
Liviu
changed the styles of default buttons, dropdowns, pagination
r3576 color: @grey2;
project: added all source files and assets
r1 }
}
&:disabled {
Liviu
fixed 2nd button styles and disabled state as well for the buttons
r3598 .border ( @border-thickness-buttons, @grey5 );
style: fixed some wrong less arguments used.
r1406 background-color: transparent;
project: added all source files and assets
r1 }
ui: new commits page....
r3882 &.btn-active {
color: @rcdarkblue;
background-color: @white;
.border ( @border-thickness, @rcdarkblue );
}
project: added all source files and assets
r1 }
.btn-primary,
.btn-small, /* TODO: anderson: remove .btn-small to not mix with the new btn-sm */
.btn-success {
.border ( @border-thickness, @rcblue );
background-color: @rcblue;
color: white;
a {
color: white;
}
&:hover,
&.active {
.border ( @border-thickness, @rcdarkblue );
color: white;
background-color: @rcdarkblue;
a {
color: white;
}
}
&:disabled {
background-color: @rcblue;
}
}
.btn-secondary {
&:extend(.btn-default);
background-color: white;
&:focus {
outline: 0;
}
&:hover {
&:extend(.btn-default:hover);
}
&.btn-link {
&:extend(.btn-link);
color: @rcblue;
}
&:disabled {
color: @rcblue;
background-color: white;
}
}
.btn-danger,
.revoke_perm,
.btn-x,
.form .action_button.btn-x {
.border ( @border-thickness, @alert2 );
background-color: white;
color: @alert2;
a {
color: @alert2;
}
&:hover,
&.active {
.border ( @border-thickness, @alert2 );
color: white;
background-color: @alert2;
a {
color: white;
}
}
i {
display:none;
}
&:disabled {
background-color: white;
color: @alert2;
}
}
comments: introduce new draft comments....
r4540 .btn-warning {
.border ( @border-thickness, @alert3 );
background-color: white;
color: @alert3;
a {
color: @alert3;
}
&:hover,
&.active {
.border ( @border-thickness, @alert3 );
color: white;
background-color: @alert3;
a {
color: white;
}
}
i {
display:none;
}
&:disabled {
background-color: white;
color: @alert3;
}
}
comments: UX improvements for comment buttons.
r4585
pull-requests: add explicit CLOSE pr action instead of closed status from selector....
r1445 .btn-approved-status {
.border ( @border-thickness, @alert1 );
background-color: white;
color: @alert1;
}
.btn-rejected-status {
.border ( @border-thickness, @alert2 );
background-color: white;
color: @alert2;
}
project: added all source files and assets
r1 .btn-sm,
.btn-mini,
.field-sm .btn {
padding: @padding/3;
}
.btn-xs {
padding: @padding/4;
}
.btn-lg {
padding: @padding * 1.2;
}
dan
diffs: replace compare controller with new html based diffs:...
r1030 .btn-group {
display: inline-block;
.btn {
float: left;
ui: new commits page....
r3882 margin: 0 0 0 0;
// first item
&:first-of-type:not(:last-of-type) {
border-radius: @border-radius 0 0 @border-radius;
}
diffs: added scroll down/scroll up helper. Fixes #5643
r4595 // 2nd, if only 2 elements are there
&:nth-of-type(2) {
border-left-width: 0;
}
ui: new commits page....
r3882 // middle elements
&:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
border-left-width: 0;
border-right-width: 0;
}
// last item
&:last-of-type:not(:first-of-type) {
border-radius: 0 @border-radius @border-radius 0;
}
&:only-child {
border-radius: @border-radius;
}
dan
diffs: replace compare controller with new html based diffs:...
r1030 }
ui: new commits page....
r3882
dan
diffs: replace compare controller with new html based diffs:...
r1030 }
pull-requests: moved force refresh to update commits button....
r4101
.btn-group-actions {
position: relative;
commits/pr pages various fixes....
r4485 z-index: 50;
pull-requests: moved force refresh to update commits button....
r4101
&:not(.open) .btn-action-switcher-container {
display: none;
}
dan
ui: make the action buttons with more-option have a divider + removed inline styles.
r4452
.btn-more-option {
margin-left: -1px;
padding-left: 2px;
padding-right: 2px;
}
pull-requests: moved force refresh to update commits button....
r4101 }
dan
downloads: added more archive options that we support. Exposing this to users so they actually...
r4450 .btn-action-switcher-container {
pull-requests: moved force refresh to update commits button....
r4101 position: absolute;
dan
ui: added secondary action instead of two buttons on files page....
r4449 top: 100%;
dan
downloads: added more archive options that we support. Exposing this to users so they actually...
r4450
&.left-align {
left: 0;
}
&.right-align {
right: 0;
}
pull-requests: moved force refresh to update commits button....
r4101 }
.btn-action-switcher {
display: block;
position: relative;
z-index: 300;
dan
ui: added secondary action instead of two buttons on files page....
r4449 max-width: 600px;
pull-requests: moved force refresh to update commits button....
r4101 margin-top: 4px;
margin-bottom: 24px;
font-size: 14px;
font-weight: 400;
padding: 8px 0;
background-color: #fff;
border: 1px solid @grey4;
border-radius: 3px;
box-shadow: @dropdown-shadow;
dan
ui: added secondary action instead of two buttons on files page....
r4449 overflow: auto;
pull-requests: moved force refresh to update commits button....
r4101
li {
display: block;
text-align: left;
list-style: none;
padding: 5px 10px;
}
li .action-help-block {
font-size: 10px;
line-height: normal;
color: @grey4;
}
}
project: added all source files and assets
r1 .btn-link {
background: transparent;
border: none;
padding: 0;
color: @rcblue;
&:hover {
background: transparent;
border: none;
color: @rcdarkblue;
}
pull-requests: added version browsing for pull requests....
r1192 //disabled buttons
//last; overrides any other styles
project: added all source files and assets
r1 &:disabled {
pull-requests: added version browsing for pull requests....
r1192 opacity: .7;
cursor: auto;
background-color: white;
project: added all source files and assets
r1 color: @grey4;
pull-requests: added version browsing for pull requests....
r1192 text-shadow: none;
project: added all source files and assets
r1 }
// TODO: johbo: Check if we can avoid this, indicates that the structure
// is not yet good.
// lisa: The button CSS reflects the button HTML; both need a cleanup.
&.btn-danger {
color: @alert2;
&:hover {
comments: multiple changes on comments navigation/display logic...
r4543 color: darken(@alert2, 30%);
project: added all source files and assets
r1 }
&:disabled {
color: @alert2;
}
}
}
.btn-social {
&:extend(.btn-default);
margin: 5px 5px 5px 0px;
auth: UI changes...
r3257 min-width: 160px;
project: added all source files and assets
r1 }
// TODO: johbo: check these exceptions
.links {
.btn + .btn {
margin-top: @padding;
}
}
.action_button {
display:inline;
margin: 0;
padding: 0 1em 0 0;
font-size: inherit;
color: @rcblue;
border: none;
pull-request: extended default reviewers functionality....
r1769 border-radius: 0;
project: added all source files and assets
r1 background-color: transparent;
pull-request: extended default reviewers functionality....
r1769 &.last-item {
border: none;
padding: 0 0 0 0;
}
project: added all source files and assets
r1 &:last-child {
border: none;
pull-request: extended default reviewers functionality....
r1769 padding: 0 0 0 0;
project: added all source files and assets
r1 }
&:hover {
color: @rcdarkblue;
background-color: transparent;
border: none;
}
pull-requests: fixed small UI glitches in pull request view.
r4291 .noselect
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 .grid_delete {
.action_button {
border: none;
}
}
comments: UX improvements for comment buttons.
r4585 input[type="submit"].btn-draft {
.border ( @border-thickness, @rcblue );
background-color: white;
color: @rcblue;
a {
color: @rcblue;
}
&:hover,
&.active {
.border ( @border-thickness, @rcdarkblue );
background-color: white;
color: @rcdarkblue;
a {
color: @rcdarkblue;
}
}
&:disabled {
background-color: white;
color: @rcblue;
}
}
project: added all source files and assets
r1
comments: introduce new draft comments....
r4540 input[type="submit"].btn-warning {
&:extend(.btn-warning);
&:focus {
outline: 0;
}
&:hover {
&:extend(.btn-warning:hover);
}
&.btn-link {
&:extend(.btn-link);
color: @alert3;
&:disabled {
color: @alert3;
background-color: transparent;
}
}
&:disabled {
.border ( @border-thickness-buttons, @alert3 );
background-color: white;
color: @alert3;
opacity: 0.5;
}
}
project: added all source files and assets
r1 // TODO: johbo: Form button tweaks, check if we can use the classes instead
input[type="submit"] {
&:extend(.btn-primary);
&:focus {
outline: 0;
}
&:hover {
&:extend(.btn-primary:hover);
}
&.btn-link {
&:extend(.btn-link);
color: @rcblue;
&:disabled {
color: @rcblue;
background-color: transparent;
}
}
&:disabled {
.border ( @border-thickness-buttons, @rcblue );
background-color: @rcblue;
color: white;
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 }
}
input[type="reset"] {
&:extend(.btn-default);
// TODO: johbo: Check if this tweak can be avoided.
background: transparent;
&:focus {
outline: 0;
}
&:hover {
&:extend(.btn-default:hover);
}
&.btn-link {
&:extend(.btn-link);
color: @rcblue;
&:disabled {
border: none;
}
}
&:disabled {
.border ( @border-thickness-buttons, @rcblue );
background-color: white;
color: @rcblue;
}
}
input[type="submit"],
input[type="reset"] {
&.btn-danger {
&:extend(.btn-danger);
dan
diffs: replace compare controller with new html based diffs:...
r1030
project: added all source files and assets
r1 &:focus {
outline: 0;
}
dan
diffs: replace compare controller with new html based diffs:...
r1030
project: added all source files and assets
r1 &:hover {
&:extend(.btn-danger:hover);
}
dan
diffs: replace compare controller with new html based diffs:...
r1030
project: added all source files and assets
r1 &.btn-link {
&:extend(.btn-link);
color: @alert2;
&:hover {
color: darken(@alert2,30%);
}
}
&:disabled {
color: @alert2;
background-color: white;
}
}
&.btn-danger-action {
.border ( @border-thickness, @alert2 );
background-color: @alert2;
color: white;
a {
color: white;
}
&:hover {
background-color: darken(@alert2,20%);
}
&.active {
.border ( @border-thickness, @alert2 );
color: white;
background-color: @alert2;
a {
color: white;
}
}
&:disabled {
background-color: white;
color: @alert2;
}
}
}
dan
pull-requests: fixed layout to be more similar to the designed one.
r3757
.button-links {
float: left;
display: inline;
margin: 0;
padding-left: 0;
list-style: none;
text-align: right;
li {
pull-requests: added awaiting my review filter for users pull-requests....
r4690 list-style: none;
text-align: right;
display: inline-block;
dan
pull-requests: fixed layout to be more similar to the designed one.
r3757 }
pull-requests: added awaiting my review filter for users pull-requests....
r4690 a.active {
border: 2px solid @rcblue;
dan
pull-requests: fixed layout to be more similar to the designed one.
r3757 }
}