gitlab-org--gitlab-foss/app/assets/stylesheets/pages/notes.scss

785 lines
12 KiB
SCSS
Raw Normal View History

2012-02-26 17:41:53 -05:00
/**
* Notes
*/
@-webkit-keyframes targe3-note {
2016-11-30 08:25:25 -05:00
from { background: $note-targe3-outside; }
50% { background: $note-targe3-inside; }
to { background: $note-targe3-outside; }
}
ul.notes {
display: block;
list-style: none;
margin: 0;
padding: 0;
.note-created-ago,
.note-updated-at {
2016-02-29 10:49:48 -05:00
white-space: nowrap;
}
2017-04-06 14:41:30 -04:00
.discussion-body {
2017-05-22 15:00:56 -04:00
padding-top: 8px;
.panel {
margin-bottom: 0;
}
2017-04-06 14:41:30 -04:00
}
.discussion {
display: block;
position: relative;
.diff-content {
overflow: visible;
}
2017-04-06 14:41:30 -04:00
}
> li { // .timeline-entry
padding: 0;
2017-04-06 14:41:30 -04:00
display: block;
position: relative;
border-bottom: 0;
@include notes-media('min', $screen-sm-min) {
padding-left: $note-icon-gutter-width;
}
2017-04-06 14:41:30 -04:00
.timeline-entry-inner {
padding: $gl-padding $gl-btn-padding;
border-bottom: 1px solid $white-normal;
}
&:target,
&.target {
border-bottom: 1px solid $white-normal;
&:not(:first-child) {
border-top: 1px solid $white-normal;
margin-top: -1px;
}
.timeline-entry-inner {
border-bottom: 0;
}
}
.timeline-icon {
@include notes-media('min', $screen-sm-min) {
margin-left: -$note-icon-gutter-width;
}
}
.timeline-content {
margin-left: $note-icon-gutter-width;
@include notes-media('min', $screen-sm-min) {
margin-left: 0;
}
}
2017-05-05 06:57:29 -04:00
&.being-posted {
pointer-events: none;
opacity: 0.5;
.dummy-avatar {
background-color: $kdb-border;
border: 1px solid darken($kdb-border, 25%);
}
.note-headline-light,
.fa-spinner {
margin-left: 3px;
}
}
2017-04-06 14:41:30 -04:00
&.note-discussion {
.timeline-entry-inner {
2017-05-22 15:00:56 -04:00
padding: $gl-padding 10px;
2017-04-06 14:41:30 -04:00
}
}
.editing-spinner {
display: none;
}
&.is-requesting {
.note-timestamp {
display: none;
}
.editing-spinner {
display: inline-block;
}
}
2017-05-03 13:41:16 -04:00
&.is-editing {
2017-04-06 14:41:30 -04:00
.note-header,
.note-text,
.edited-text {
display: none;
}
.note-edit-form {
display: block;
&.current-note-edit-form + .note-awards {
display: none;
}
}
}
.note-body {
overflow-x: auto;
overflow-y: hidden;
.note-text {
@include md-typography;
// Reset ul style types since we're nested inside a ul already
@include bulleted-list;
2017-07-12 00:59:39 -04:00
word-wrap: break-word;
2017-04-06 14:41:30 -04:00
ul.task-list {
ul:not(.task-list) {
padding-left: 1.3em;
}
}
2017-04-27 07:28:53 -04:00
table {
@include markdown-table;
}
2017-04-06 14:41:30 -04:00
}
}
.note-awards {
.js-awards-block {
margin-top: 16px;
2017-04-06 14:41:30 -04:00
}
}
.note-header {
@include notes-media('max', $screen-xs-min) {
2017-04-06 14:41:30 -04:00
.inline {
display: block;
}
}
}
.note-emoji-button {
position: relative;
line-height: 1;
2017-04-06 14:41:30 -04:00
.fa-spinner {
display: none;
}
&.is-loading {
.fa-smile-o {
display: none;
}
.fa-spinner {
display: inline-block;
}
}
}
}
.system-note {
font-size: 14px;
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
clear: both;
2017-05-22 15:00:56 -04:00
.note-header-info {
padding-bottom: 0;
}
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
&.timeline-entry::after {
clear: none;
}
.system-note-message {
display: inline;
&::first-letter {
text-transform: lowercase;
}
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
a {
color: $gl-link-color;
}
p {
display: inline;
margin: 0;
&::first-letter {
text-transform: lowercase;
}
}
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
}
.timeline-icon {
float: left;
@include notes-media('min', $screen-sm-min) {
margin-left: 0;
width: auto;
}
svg {
width: 16px;
height: 16px;
fill: $gray-darkest;
margin-top: 2px;
}
}
2017-04-12 15:20:31 -04:00
.timeline-content {
@include notes-media('min', $screen-sm-min) {
margin-left: 30px;
2017-04-12 15:20:31 -04:00
}
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
}
2017-04-06 14:41:30 -04:00
.note-header {
padding-bottom: 0;
}
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
.note-body {
overflow: hidden;
.system-note-commit-list-toggler {
color: $gl-link-color;
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
display: none;
padding: 10px 0 0;
cursor: pointer;
position: relative;
z-index: 2;
&:hover {
color: $gl-link-color;
text-decoration: underline;
}
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
}
.note-text {
p:first-child {
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
display: none;
}
&.system-note-commit-list:not(.hide-shade) {
2016-11-29 07:07:20 -05:00
max-height: 70px;
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
overflow: hidden;
display: block;
ul {
2016-11-29 07:05:21 -05:00
margin: 3px 0 3px 16px !important;
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
}
p:first-child {
display: none;
}
&::after {
content: '';
width: 100%;
height: 70px;
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(rgba($white-light, 0.1) -100px, $white-light 100%);
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
}
}
}
}
}
}
// Diff code in discussion view
2015-03-26 02:21:13 -04:00
.discussion-body .diff-file {
.file-title {
cursor: default;
&:hover {
background-color: $gray-light;
}
}
2015-03-26 02:21:13 -04:00
.line_content {
2016-04-20 12:48:24 -04:00
white-space: pre-wrap;
2015-03-26 02:21:13 -04:00
}
}
2017-07-12 05:50:26 -04:00
.diff-file {
.is-over {
.add-diff-note {
display: inline-block;
}
}
2017-07-12 05:50:26 -04:00
// Merge request notes in diffs
// Diff is inline
.notes_content .note-header .note-headline-light {
display: inline-block;
position: relative;
}
2012-11-20 11:46:55 -05:00
2017-07-12 05:50:26 -04:00
.notes_holder {
font-family: $regular_font;
2016-04-11 11:00:45 -04:00
2017-07-12 05:50:26 -04:00
td {
border: 1px solid $white-normal;
2017-11-02 19:59:51 -04:00
border-left: 0;
2016-04-11 11:00:45 -04:00
2017-07-12 05:50:26 -04:00
&.notes_line {
vertical-align: middle;
text-align: center;
padding: 10px 0;
background: $gray-light;
color: $text-color;
}
2016-04-11 11:00:45 -04:00
2017-07-12 05:50:26 -04:00
&.notes_line2 {
text-align: center;
padding: 10px 0;
border-left: 1px solid $note-line2-border !important;
2014-09-12 12:43:44 -04:00
}
2016-04-11 11:00:45 -04:00
2017-07-12 05:50:26 -04:00
&.notes_content {
background-color: $gray-light;
border-width: 1px 0;
padding: 0;
vertical-align: top;
white-space: normal;
&.parallel {
border-width: 1px;
}
2017-07-12 05:50:26 -04:00
.discussion-notes {
&:not(:first-child) {
border-top: 1px solid $white-normal;
margin-top: 20px;
}
&:not(:last-child) {
border-bottom: 1px solid $white-normal;
margin-bottom: 20px;
}
}
2017-07-12 05:50:26 -04:00
.notes {
background-color: $white-light;
}
2016-05-06 10:21:04 -04:00
2017-07-12 05:50:26 -04:00
a code {
top: 0;
margin-right: 0;
}
2016-05-06 10:21:04 -04:00
}
2012-11-20 11:46:55 -05:00
}
}
}
.discussion-header,
.note-header-info {
a {
color: inherit;
&:hover {
color: $gl-link-color;
}
&:focus,
&:hover {
text-decoration: none;
2017-12-04 06:00:52 -05:00
.note-header-author-name {
text-decoration: underline;
}
}
}
.author_link {
2016-12-30 15:18:27 -05:00
color: $gl-text-color;
}
}
makes system notes less intrusive to a conversation adds dicussion icon and color change in system note links adds discussion icons and sticky note icon for other system notes for now fixes scss lint error adds faded commit lists hides first paragraph in commit list box css tweak for commit list system notes adds commit-list toggle functionality, css tweaks and css classnames more readable small css fix in header. makes links bold in system note renames class no-shade to hide-shade adds entry for this merge request in changelog removes commented line removes the avatar-icon from discussion header minor css tweaks to make the commit list alignment with header text uses monospaced font to make the commit list lined up with all removes icon from system note and align bullet list resolves scss lint warings adds helper function to extract system note message from first p tag adds helper functions to check commit list count and haml cleanup adds changelog entry under 8.14 adds changelog entry with changelog cli removes helper and regex and makes commit list li count using JS makes link in system note normal brakeman build failure resolved fixing rspec test based on new design for discussion shows system note in lowercase removes extra spaces from comments adds code commenting for functions adds semi-colon in some lines fixes rspec given when merge build success removes commented codes rewrite changelog yml file moves isMetaKey to common utils file fixes some indentation issues removes unnecessary variables and resolves some discussions replaces jQuery parent function with siblings fixes scss issues and variable spelling mistake uses constant rather using hardcoded number for visible li count in long commit list makes system note header all lowercase uses color variables and adjust gradient a little some minor changes for adding css classes renames functions name for readability changes changelog title minor scss newline changes makes system note less intrusive to a conversation
2016-10-08 02:50:28 -04:00
.discussion-header {
font-size: 14px;
}
.note-header {
display: flex;
justify-content: space-between;
@include notes-media('max', $screen-xs-max) {
flex-flow: row wrap;
}
}
.note-header-info {
min-width: 0;
2017-05-22 15:00:56 -04:00
padding-bottom: 8px;
&.discussion {
padding-bottom: 0;
}
}
.system-note .note-header-info {
padding-bottom: 0;
}
.note-header-author-name {
@include notes-media('max', $screen-xs-max) {
display: none;
}
}
.note-headline-light {
display: inline;
@include notes-media('max', $screen-xs-min) {
display: block;
}
}
.note-headline-light,
.discussion-headline-light {
2016-03-30 03:48:39 -04:00
color: $notes-light-color;
}
.discussion-headline-light {
a {
color: $gl-link-color;
}
}
.note-headline-meta {
display: inline-block;
white-space: nowrap;
2017-04-21 15:32:51 -04:00
.system-note-message {
white-space: normal;
}
2017-12-04 06:00:52 -05:00
a:hover {
text-decoration: underline;
}
}
/**
2012-12-03 15:43:17 -05:00
* Actions for Discussions/Notes
*/
2012-12-03 15:43:17 -05:00
.discussion-actions {
float: right;
margin-left: 10px;
2016-12-12 16:49:12 -05:00
color: $gray-darkest;
2017-07-12 05:50:26 -04:00
@include notes-media('max', $screen-md-max) {
float: none;
margin-left: 0;
}
2017-11-05 18:13:11 -05:00
.btn-group > .discussion-next-btn {
margin-left: -1px;
}
}
.note-actions {
2017-07-18 01:09:04 -04:00
align-self: flex-start;
flex-shrink: 0;
2017-07-18 01:09:04 -04:00
display: inline-flex;
align-items: center;
margin-left: 10px;
color: $gray-darkest;
2016-06-13 12:52:34 -04:00
@include notes-media('max', $screen-xs-max) {
float: none;
margin-left: 0;
}
}
.more-actions {
2017-07-18 01:09:04 -04:00
display: flex;
align-items: flex-end;
.tooltip {
white-space: nowrap;
}
}
.more-actions-toggle {
&:hover .icon,
&:focus .icon {
color: $blue-600;
}
}
.more-actions-dropdown {
width: 180px;
min-width: 180px;
}
2017-07-18 01:09:04 -04:00
.note-actions-item {
2017-08-15 10:58:48 -04:00
margin-left: 12px;
2017-07-18 01:09:04 -04:00
display: flex;
align-items: center;
&.more-actions {
// compensate for narrow icon
margin-left: 10px;
2016-04-14 09:56:05 -04:00
}
}
2016-05-10 18:41:46 -04:00
.note-action-button {
2017-07-18 01:09:04 -04:00
line-height: 1;
padding: 0;
min-width: 16px;
color: $gray-darkest;
fill: $gray-darkest;
.fa {
2016-03-31 11:18:45 -04:00
position: relative;
2017-07-18 01:09:04 -04:00
font-size: 16px;
2016-03-31 11:18:45 -04:00
}
2017-04-06 09:38:09 -04:00
svg {
2017-11-28 14:07:25 -05:00
@include btn-svg;
2017-04-06 09:38:09 -04:00
}
.award-control-icon-positive,
.award-control-icon-super-positive {
position: absolute;
top: 0;
left: 0;
2017-04-06 09:38:09 -04:00
opacity: 0;
}
&:hover,
&.is-active {
2016-08-04 11:53:05 -04:00
.danger-highlight {
color: $gl-text-red;
2016-04-01 15:27:39 -04:00
}
2016-08-04 11:53:05 -04:00
.link-highlight {
color: $gl-link-color;
fill: $gl-link-color;
2017-04-06 09:38:09 -04:00
}
.award-control-icon-neutral {
opacity: 0;
}
.award-control-icon-positive {
opacity: 1;
}
}
&.is-active {
.award-control-icon-positive {
opacity: 0;
}
.award-control-icon-super-positive {
opacity: 1;
2016-04-01 15:27:39 -04:00
}
}
}
.discussion-toggle-button {
padding: 0;
background-color: transparent;
border: 0;
line-height: 20px;
font-size: 13px;
transition: color 0.1s linear;
&:hover {
color: $gl-link-color;
}
&:focus {
text-decoration: underline;
outline: none;
color: $gl-link-color;
}
.fa {
margin-right: 3px;
font-size: 10px;
line-height: 18px;
vertical-align: top;
}
}
.note-role {
margin: 0 3px;
}
.note-role-special {
position: relative;
display: inline-block;
color: $gl-text-color-secondary;
font-size: 12px;
text-shadow: 0 0 15px $gl-text-color-inverted;
}
2012-11-20 11:46:55 -05:00
/**
2012-12-03 15:43:17 -05:00
* Line note button on the side of diffs
2012-11-20 11:46:55 -05:00
*/
2012-12-03 15:43:17 -05:00
.line_holder .is-over:not(.no-comment-btn) {
.add-diff-note {
opacity: 1;
}
}
.add-diff-note {
2017-10-07 00:25:17 -04:00
@include btn-comment-icon;
opacity: 0;
margin-top: -2px;
margin-left: -55px;
position: absolute;
z-index: 10;
}
.discussion-body,
.diff-file {
.notes .note {
border-bottom: 1px solid $white-normal;
.timeline-entry-inner {
padding-left: $gl-padding;
padding-right: $gl-padding;
2017-11-02 19:59:51 -04:00
border-bottom: 0;
}
}
}
2016-04-04 06:00:29 -04:00
.disabled-comment {
background-color: $gray-light;
border-radius: $border-radius-base;
border: 1px solid $border-gray-normal;
color: $note-disabled-comment-color;
padding: 90px 0;
2016-04-04 06:00:29 -04:00
&.discussion-locked {
2017-11-02 19:59:51 -04:00
border: 0;
background-color: $white-light;
}
2016-04-04 06:00:29 -04:00
a {
color: $gl-link-color;
}
}
2016-06-30 12:21:57 -04:00
2016-07-27 04:27:00 -04:00
.line-resolve-all-container {
@include notes-media('min', $screen-sm-min) {
margin-right: 0;
padding-left: $gl-padding;
}
> div {
white-space: nowrap;
}
2016-07-27 04:27:00 -04:00
.btn-group {
margin-left: -4px;
}
.discussion-next-btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
2017-09-20 15:39:15 -04:00
.btn {
svg path {
fill: $gray-darkest;
}
&.discussion-create-issue-btn {
margin-left: -4px;
border-radius: 0;
border-right: 0;
a {
padding: 0;
line-height: 0;
&:hover {
text-decoration: none;
border: 0;
}
}
}
}
2016-07-27 04:27:00 -04:00
}
2016-06-30 12:21:57 -04:00
.line-resolve-all {
vertical-align: middle;
2016-07-27 04:27:00 -04:00
display: inline-block;
padding: 5px 10px 6px;
2016-12-12 17:26:21 -05:00
background-color: $gray-light;
2016-06-30 12:21:57 -04:00
border: 1px solid $border-color;
border-radius: $border-radius-default;
2016-06-30 12:21:57 -04:00
2016-07-27 04:27:00 -04:00
&.has-next-btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0;
2016-07-27 04:27:00 -04:00
}
.line-resolve-btn {
margin-right: 5px;
svg {
vertical-align: middle;
}
2016-06-30 12:21:57 -04:00
}
}
.line-resolve-btn {
position: relative;
2017-05-17 15:55:56 -04:00
top: 0;
2016-06-30 12:21:57 -04:00
padding: 0;
background-color: transparent;
2017-11-02 19:59:51 -04:00
border: 0;
2016-06-30 12:21:57 -04:00
outline: 0;
color: $gray-darkest;
transition: color $general-hover-transition-duration $general-hover-transition-curve;
2016-06-30 12:21:57 -04:00
&.is-disabled {
cursor: default;
}
&:not(.is-disabled) {
&:hover,
&:focus {
color: $gl-text-green;
}
}
2016-06-30 12:21:57 -04:00
&.is-active {
2016-07-27 04:27:00 -04:00
color: $gl-text-green;
2016-06-30 12:21:57 -04:00
&:hover,
&:focus {
color: $gl-text-green-hover;
2016-06-30 12:21:57 -04:00
}
}
2017-04-12 02:42:50 -04:00
.loading {
margin: 0;
height: auto;
}
2016-06-30 12:21:57 -04:00
}
2016-07-27 04:27:00 -04:00
.line-resolve-text {
vertical-align: middle;
}