summaryrefslogtreecommitdiffstats
path: root/apps/comments/css
Commit message (Collapse)AuthorAgeFilesLines
* Move comments to webpackRoeland Jago Douma2019-02-262-338/+0
| | | | Signed-off-by: Roeland Jago Douma <roeland@famdouma.nl>
* Fix linear-gradient for long comments on dark-themeJoas Schilling2019-01-241-6/+6
| | | | Signed-off-by: Joas Schilling <coding@schilljs.com>
* Merge pull request #11258 from nextcloud/fix-contacts-menu-on-mentionsblizzz2018-09-181-0/+5
|\ | | | | Fix contacts menu on mentions
| * Fix position of contacts menu shown on mentionsDaniel Calviño Sánchez2018-09-151-0/+5
| | | | | | | | | | | | | | | | | | | | | | | | | | There are no default CSS rules for the contacts menu, as its position depends on the element on which it is shown. Note, however, that if no explicit rules are provided the contacts menu on mentions is affected by the rules for the contacts menu on shares from the sharing tab. The contacts menu is now positioned to show the tip of the arrow horizontally aligned with the center of the avatar, and with the top of the menu slightly below the bottom border of the mention. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* | Prevent comment being composed from overlapping the submit buttonDaniel Calviño Sánchez2018-09-061-0/+3
|/ | | | | | | | | The submit button is placed in the text area using absolute positioning, so it is not taken into account when calculating the text layout. Due to this it is necessary to add an explicit padding to the right of the text area to prevent the text from overlapping the submit button. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Add new line at the end of fileDaniel Calviño Sánchez2018-09-051-1/+1
| | | | Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Ensure that the avatar and the user name will be kept togetherDaniel Calviño Sánchez2018-09-051-0/+4
| | | | | | | Otherwise a line break could be added between the avatar and the user name when the wrapper is close to the right border of the message. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Remove unneeded CSS rule for mentionsDaniel Calviño Sánchez2018-09-051-1/+5
| | | | | | | | Most of the properties of the rule are not needed for mentions, so the rule is no longer applied to them; the only needed property was moved to the main rule for mentions. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Fix pointer cursor not shown on avatarsDaniel Calviño Sánchez2018-09-051-1/+3
| | | | | | | | | | When the cursor is on an avatar wrapper the cursor is shown as a pointer to inform the user that it can be clicked (which will either show the contacts menu or insert a mention, depending on the case); the cursor must be explicitly defined for the "img" element that shows the avatar too, or otherwise the default cursor would be shown. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Highlight mentions to the current userDaniel Calviño Sánchez2018-09-051-0/+4
| | | | | | | Like done in Talk, mentions to the current user are now shown with the primary colors to make them more prominent. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Ensure that the user name is shown in bold in mentionsDaniel Calviño Sánchez2018-09-051-0/+5
| | | | | | | | | Different browsers use different font weights for strong elements (Chromium uses "bold", but Firefox uses "bolder", which is relative to the font weight of the parent), so now the user name in mentions is explicitly shown with a bold weight. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Fix contactsmenu for mentioned users in commentsJulius Härtl2018-08-251-1/+0
| | | | Signed-off-by: Julius Härtl <jus@bitgrid.net>
* Fixed comments designJohn Molakvoæ (skjnldsv)2018-07-241-24/+22
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Merge pull request #10286 from nextcloud/bugfix/noid/comments-layoutMorris Jobke2018-07-191-0/+1
|\ | | | | Fix comment input overlay on empty discussion
| * Fix comment input overlay on empty discussionJulius Härtl2018-07-181-0/+1
| | | | | | | | Signed-off-by: Julius Härtl <jus@bitgrid.net>
* | Fix inline avatar display for mentions in commentsJulius Härtl2018-07-181-2/+21
|/ | | | Signed-off-by: Julius Härtl <jus@bitgrid.net>
* Various apps scssJohn Molakvoæ (skjnldsv)2018-06-202-16/+16
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Fixes issue with the large cursor on Safari in the comment section.Abijeet2018-04-141-3/+6
| | | | | | This was being caused due to the `display: inline-block` on the contenteditable div. Signed-off-by: Abijeet <abijeetpatro@gmail.com>
* Disabled comment changes opacity only for message text.Abijeet2018-03-271-1/+1
| | | | Signed-off-by: Abijeet <abijeetpatro@gmail.com>
* Added ellipsis for longer usernames.Abijeet2018-03-271-1/+6
| | | | | | Towards #7281 Signed-off-by: Abijeet <abijeetpatro@gmail.com>
* Moves the edit and delete options into a dropdown menu.Abijeet2018-03-271-10/+2
| | | | | | | | | Fixes #7281 - Added a new View to render the dropdown. - Modified the existing code. Signed-off-by: Abijeet <abijeetpatro@gmail.com>
* Converts the css file to scss file, and adds border-top to comments.Abijeet2018-03-271-0/+4
| | | | Signed-off-by: Abijeet <abijeetpatro@gmail.com>
* Fixes the following UI issues,Abijeet2018-03-271-52/+47
| | | | | | | | | | | | | | | | 1. Increased the size of the delete, edit, close and submit buttons to take up 44x44px. 2. Now showing the delete button at all times when editing to avoid usability issues with touch screens. 3. Edit icon is also shown at all times, rather than only on hover. 4. Reduced the gap between comments a wee bit. 5. Fixed issues with focus event now working properly for edit and delete. 6. Removed absolute positioning of elements for alignment. 7. Fixed issue with tooltips becoming too high due to padding around actions. Occurred due to my changes. 8. Changed the position of the submit and close icons. 9. Fixed issue with jumping of the delete icon in Firefox. Occurred due to my changes. 10. Fixed issue with wrapping of content due to long author names. Occurred due to my changes. 11. Fixed issue with longer comments not appearing properly. This might have occurred due to my changes. Signed-off-by: Abijeet <abijeetpatro@gmail.com>
* Fix silent conflicts due to merging #7256 after #7251Daniel Calviño Sánchez2017-11-281-3/+3
| | | | | | | | | Although #7256 was merged cleanly some of the changes really conflicted with those introduced by the last commit of #7251, and this broke the appearance of the author row of comments. This commit fixes those silent conflicts and restores the appearance of the author row. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Merge pull request #7256 from ↵blizzz2017-11-271-0/+11
|\ | | | | | | | | nextcloud/fix-cursor-for-avatar-and-user-names-in-comments Fix cursor for avatar and user names in comments
| * Disable contacts menu for mentions to current user in comment messagesDaniel Calviño Sánchez2017-11-271-2/+2
| | | | | | | | | | | | | | | | | | The contacts menu is not shown for avatars and user names in the author row if they represent the current user. For consistency, and because the contacts menu provides no value when shown for the current user, this commit also disables the contacts menu for mentions to the current user. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| * Disable contacts menu for mentioned users in comments being composedDaniel Calviño Sánchez2017-11-271-2/+2
| | | | | | | | | | | | | | The contacts menu does not provide too much value for users mentioned in a message being composed, so it is now disabled in this case. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| * Fix cursor for author row and avatars in commentsDaniel Calviño Sánchez2017-11-261-0/+11
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | When it was on an author row the cursor was shown as a pointer, even if clicking on the author row itself does nothing. On the other hand, avatars used the default cursor, even if clicking on them either shows the contacts menu (in the case of the author row, only when the avatar is for a different user than the current one) or inserts a mention (for avatars shown in the list of suggested mentions), depending on the case. Now, the author row uses the default cursor, and avatars (and their associated user name) use a pointer cursor if clicking on them will trigger an action (either showing the contacts menu or inserting a mention). Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* | Merge pull request #7280 from ↵Morris Jobke2017-11-271-1/+16
|\ \ | | | | | | | | | | | | nextcloud/fix-working-icon-position-when-sending-or-deleting-a-comment Fix working icon position when sending or deleting a comment
| * | Show delete working icon at the same position as the delete iconDaniel Calviño Sánchez2017-11-241-1/+2
| | | | | | | | | | | | | | | | | | | | | | | | | | | When a comment was being deleted the submit working icon was shown. Now the submit working icon is kept hidden in that case and a specific delete working icon, which is shown at the same position as the delete icon, is used instead. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| * | Show submit working icon at the same position as the submit confirm iconDaniel Calviño Sánchez2017-11-241-0/+14
| | | | | | | | | | | | | | | | | | | | | | | | The submit confirm icon is shown as the background image of an absolutely positioned input element, so the CSS rules for the submit working icon were modified to match those of the submit confirm icon. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* | | Merge pull request #7251 from nextcloud/contact-menu-position-fixMorris Jobke2017-11-271-9/+14
|\ \ \ | |/ / |/| | Fixed contact menu position on comments
| * | Fixed alignment of items in commentsJohn Molakvoæ (skjnldsv)2017-11-231-8/+13
| | | | | | | | | | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
| * | Fix contacts menu vertical position for comment authorsDaniel Calviño Sánchez2017-11-231-1/+1
| |/ | | | | | | | | | | | | The contacts menu was being shown as "inline-block", which caused the top of the menu to be aligned to the top of the author row. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* / Disable elements while a comment is being deletedDaniel Calviño Sánchez2017-11-241-2/+2
|/ | | | | | | | | | When a comment is being deleted the "disabled" class is added to the comment div, which causes it to look disabled. However, the input elements and the content editable div were not truly disabled, and thus it was still possible to interact with them. This commit ensures that they are properly disabled while the comment is being deleted. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Force breaks on extremely long wordsDaniel Calviño Sánchez2017-11-171-0/+2
| | | | | | If not broken extremely long words overflow their container. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Add variable for border-radiusJan-Christoph Borchardt2017-11-031-1/+1
| | | | Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
* Merge branch 'master' into autocomplete-guiArthur Schiwon2017-11-011-2/+0
|\
| * Box-shadow does not need vendor prefix anymoreMorris Jobke2017-10-231-2/+0
| | | | | | | | | | | | | | https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow http://caniuse.com/#search=box-shadow Signed-off-by: Morris Jobke <hey@morrisjobke.de>
* | avatar css fixesArthur Schiwon2017-10-271-2/+10
| | | | | | | | Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>
* | apply our themingArthur Schiwon2017-10-272-1/+77
| | | | | | | | Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>
* | turn textarea to contenteditable divArthur Schiwon2017-10-221-1/+6
| | | | | | | | | | | | we will need it for nice formatting of the mentioned user Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>
* | add At.js and dependenciesArthur Schiwon2017-10-221-0/+1
|/ | | | Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>
* Make it clear that you can now click on usernamesJoas Schilling2017-04-271-0/+1
| | | | Signed-off-by: Joas Schilling <coding@schilljs.com>
* add contactsmenu popover to commentsGeorg Ehrke2017-04-261-1/+5
| | | | Signed-off-by: Georg Ehrke <developer@georgehrke.com>
* display avatar (if enabled) alongside displaynamesArthur Schiwon2016-10-191-0/+4
| | | | Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>
* Merge pull request #1407 from nextcloud/multiline_commentsMorris Jobke2016-10-111-2/+7
|\ | | | | Bring back multiline comments
| * fix textarea submitskjnldsv2016-10-111-2/+3
| |
| * Add autosize to comments inputRoeland Jago Douma2016-10-041-1/+5
| | | | | | | | Signed-off-by: Roeland Jago Douma <roeland@famdouma.nl>
* | Make sure the CSS rules apply to the activityTabView as wellJoas Schilling2016-10-051-5/+9
|/ | | | Signed-off-by: Lukas Reschke <lukas@statuscode.ch>