summaryrefslogtreecommitdiffstats
path: root/apps/files/css
Commit message (Collapse)AuthorAgeFilesLines
* Ensure proper color contrast according to WCAG AAJan-Christoph Borchardt2018-05-092-5/+4
| | | | Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
* Add min-width to trick the table width calculation in safariJulius Härtl2018-04-301-11/+14
| | | | Signed-off-by: Julius Härtl <jus@bitgrid.net>
* Use flex based layout inside the filename table cellJulius Härtl2018-04-302-84/+24
| | | | Signed-off-by: Julius Härtl <jus@bitgrid.net>
* Fix upload button visible on read-only foldersDaniel Calviño Sánchez2018-03-011-1/+4
| | | | | | | | | | | | | | | | The div that contains the elements related to the creation of new files, and thus the upload button, is always present in the DOM; it is hidden or shown based on the folder permissions by adding or removing the "hidden" CSS class. However, as the other CSS classes for the div are "actions" and "creatable" and a "display: flex" rule was defined for ".actions.creatable" below the "display: none" rule for ".actions.hidden" the last one took precedence and the div ended being always visible, even if the "hidden" CSS class was set. Now the rules for the ".actions.hidden" selector are defined below the rules for the ".actions.creatable" selector and thus the "display: none" rule is applied as expected. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Merge pull request #7634 from Abijeet/bug-7539Roeland Jago Douma2018-01-032-1/+25
|\ | | | | Fixes the delete button not appearing on certain lower resolutions
| * Remove margin for selected files summaryDaniel Calviño Sánchez2018-01-031-0/+5
| | | | | | | | | | | | | | | | | | | | | | | | The selected files summary shown in the multiselect header has a margin to align it with the names of the files in the contents of the file list. However, on very narrow screens, and depending on the verbosity of the language, the summary can overlap with the actions when the selection contains files and folders. To try to mitigate this, besides showing only the icons for the actions, the summary margin is removed too in very narrow screens. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| * Increase touch area for header iconsDaniel Calviño Sánchez2018-01-031-0/+5
| | | | | | | | | | | | | | | | | | On narrow screens only the action icons are shown in the multiselect header of the file list. In that case the padding of those icons is increased to provide a larger touch area (the padding used is the same as in the inline actions of the file list). Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| * Fixes the delete icon not appearing on certain resolutions.Abijeet2018-01-022-1/+15
| | | | | | | | | | | | | | | | Fixes #7539 Also fixes overlap of text on mobile devices by resorting to just icons on lower resolutions. Signed-off-by: Abijeet <abijeetpatro@gmail.com>
* | Fix file list visible behind the multiselect headerDaniel Calviño Sánchez2018-01-021-1/+1
| | | | | | | | | | | | | | | | | | | | | | | | | | | | Some parts of the file list contents (file name and actions) had a higher z-index than the file list multiselect header. That header is fixed in place, so when the file list contents were scrolled and those parts with a higher z-index overlapped the multiselect header they were fully visible. Now the z-index for the multiselect header has a higher value (the same used in the controls bar) to ensure that the contents are shown behind the header. Fixes #7540 Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* | Fixed top position of multiselected files tableJohn Molakvoæ (skjnldsv)2017-12-261-1/+1
|/ | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Properly show action iconsMorris Jobke2017-12-201-1/+0
| | | | Signed-off-by: Morris Jobke <hey@morrisjobke.de>
* Make contorls stick to the top when scrollingMarin Treselj2017-12-201-4/+0
| | | | Signed-off-by: Marin Treselj <marin@pixelipo.com>
* Fixed breadcrumbs calculation and actions flowJohn Molakvoæ (skjnldsv)2017-12-201-0/+5
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Fix drag shadow not visible when dragging a file on a narrow screenDaniel Calviño Sánchez2017-12-142-0/+6
| | | | | | | | | | | | | | | | | When a file from the file list is dragged a drag shadow (a copy of the file row that follows the cursor position) is created. The drag shadow element is created as a direct child of the body element, so it needs a higher "z-index" than the one used for the file list to be visible. In narrow screens the "#app-content" uses a "z-index" of 1000 in order to be visible over the "#navigation-bar" when they overlap, so the "z-index" of the drag shadow must be at least 1000 to be visible over the file list. Instead of updating the hardcoded "z-index" it was removed and replaced by CSS rules for ".dragshadow" elements to ease theming. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* Make close icon fill more spaceMarin Treselj2017-11-211-2/+2
| | | | Signed-off-by: Marin Treselj <marin@pixelipo.com>
* Improve drag & drop and fix some background issue if d&d on narrow windowsJohn Molakvoæ (skjnldsv)2017-11-081-3/+7
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Add droppable ability to menu and icon switch. Fix colourJohn Molakvoæ (skjnldsv)2017-11-081-2/+2
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Fix controls widthJohn Molakvoæ (skjnldsv)2017-11-081-8/+0
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Reduce spread of css selector for a.actionJohn Molakvoæ (skjnldsv)2017-11-071-41/+44
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Add variable for border-radiusJan-Christoph Borchardt2017-11-031-1/+1
| | | | Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
* Merge pull request #7049 from nextcloud/fix-actions-menuJan-Christoph Borchardt2017-11-032-6/+1
|\ | | | | Fix opening the file actions menu in mobile
| * Fix opening the file actions menu in mobileMorris Jobke2017-11-032-6/+1
| | | | | | | | Signed-off-by: Morris Jobke <hey@morrisjobke.de>
* | Merge pull request #7048 from nextcloud/flexbox-cssJan-Christoph Borchardt2017-11-031-4/+0
|\ \ | | | | | | Vendor prefix for flexbox not needed anymore
| * | Vendor prefix for flexbox not needed anymoreMorris Jobke2017-11-031-4/+0
| |/ | | | | | | Signed-off-by: Morris Jobke <hey@morrisjobke.de>
* | Fix test for tooltip and local share ownerJan-Christoph Borchardt2017-11-011-0/+4
| | | | | | | | Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
* | Fix CSS, better handling of recipientsMarin Treselj2017-10-311-2/+2
| | | | | | | | Signed-off-by: Marin Treselj <marin@pixelipo.com>
* | Show avatar instead of username for shared filesJan-Christoph Borchardt2017-10-311-0/+4
|/ | | | Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
* Merge pull request #6709 from ↵Morris Jobke2017-10-252-60/+44
|\ | | | | | | | | nextcloud/show-checkbox-where-the-favourite-icon-is-now Show checkbox where the favourite icon is now
| * Extend the clickable area of the file name to include the thumbnailDaniel Calviño Sánchez2017-10-191-1/+2
| | | | | | | | | | | | | | | | | | | | Now that the checkbox was moved to its own column clicking on the thumbnail should behave like clicking on the file name. To achieve this the left position was replaced with a padding, so the element is kept at the same place while extending its clickable area to cover the thumbnail. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| * Move checkboxes to their own columnDaniel Calviño Sánchez2017-10-192-34/+11
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | The selection column is not only a visual column, but also a real column of the file list table. Unlike other columns whose width is reduced in space constrained screens the selection column must stay the same so the tapping area is large enough to be easily usable The selection column does not appear in the search results table, so its contents have to be explicitly aligned with those of the main table based on whether the main table has a selection column or not (using the "has-selection" CSS class in the same way as the "has-favorite" CSS class was being used when there was a column for favorite actions). In the tests the ":visible" selector can no longer be used. That selector matches elements with a width or height that is greater than zero, but the dimensions calculated in the unit tests are not reliable; the width of the link was zero before these changes, and now moving the checkbox to its own column causes the height of the link to become zero too, so it no longer matches the ":visible" selector even if it is not hidden. As hidding and showing the link is based on its "display" CSS property its value is the one checked now. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| * Move favorite mark to the top right corner of the thumbnailDaniel Calviño Sánchez2017-10-191-23/+15
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | The favorite icon was shown on its own "column" (not a real column in the table, but a visual column achieved through margins and left positions). Now the icon was moved to the top right corner of the file thumbnail, and the thumbnail and file name were moved to the left to fill the space left by the "column". To keep the markup in line with its visual representation (and to ease the placing through CSS), the favorite mark is no longer prepended to the row, but appended to the thumbnail instead. In the same way, the thumbnail is no longer appended to the checkbox label, but to the link with the name of the file instead (although the checkbox is still shown at the bottom right corner of the thumbnail, and clicking on the thumbnail still selects the file). In order to show the "busy" state on a file the "icon-loading-small" CSS class is set to the parent element of the thumbnail, so the thumbnail is also wrapped now by another div with the same size and position as the label. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| * Set background size for thumbnail in CSS instead of JavaScriptDaniel Calviño Sánchez2017-10-191-0/+1
| | | | | | | | Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| * Show always the checkboxDaniel Calviño Sánchez2017-10-191-2/+2
| | | | | | | | | | | | | | | | The checkbox is not shown always with full opacity, though, in order to reduce the visual noise (specially later, once the checkbox is moved to its own column). Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| * Replace inline favorite action with just a favorite iconDaniel Calviño Sánchez2017-10-191-3/+16
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | This is a preparatory step for a following commit in which the position of the favorite icon and the checkbox will be swapped; in that new design the favorite icon is no longer expected to be an action but just a simple mark on whether the file is favorited or not (the action is expected to be triggered then only from the file actions menu). The favorite icon is now fully shown or completely hidden depending on whether the file is favorited or not. As the icon is just informative but no longer an action now it does not change when hovered or focus. In the same way, the alternative text when the file is not favorited now it is not "Favorite" (an action) but "Not favorited" instead. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| * Add "Favorite" action to the file actions menuDaniel Calviño Sánchez2017-10-191-1/+1
| | | | | | | | | | | | | | | | | | | | | | The new FileAction for the menu is essentially the same as the old inline FileAction, except for the rendering; in this case the FileAction is shown in the menu in a standard way, so there is no need to provide a custom renderer (although the menu entry text and icon change depending on whether the file is currently a favorite or not, but that can be done just with displayName and iconClass functions). Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
* | Merge pull request #6916 from nextcloud/css-box-sizingJohn Molakvoæ2017-10-231-4/+0
|\ \ | | | | | | Box-sizing does not need vendor prefix anymore
| * | Box-sizing does not need vendor prefix anymoreMorris Jobke2017-10-231-4/+0
| |/ | | | | | | | | | | http://caniuse.com/#search=box-sizing Signed-off-by: Morris Jobke <hey@morrisjobke.de>
* / 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>
* Fix upload progress color to primaryJohn Molakvoæ (skjnldsv)2017-09-281-15/+16
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Fix busy state loading animation in filesJohn Molakvoæ (skjnldsv)2017-09-231-1/+9
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Removed unused filter for opacity, fix #6408John Molakvoæ (skjnldsv)2017-09-233-26/+0
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Replaced colours by variablesJohn Molakvoæ (skjnldsv)2017-09-231-4/+0
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Removed unneeded bgs and borders. Replaced hard coded colours byJohn Molakvoæ (skjnldsv)2017-09-231-15/+10
| | | | | | variables. Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Fix quota orderJohn Molakvoæ (skjnldsv)2017-09-211-1/+0
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Quota orderJohn Molakvoæ (skjnldsv)2017-09-211-1/+1
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Unwanted css for trashbinJohn Molakvoæ (skjnldsv)2017-09-211-5/+0
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Removed unwanted css and add quota iconJohn Molakvoæ (skjnldsv)2017-09-211-7/+3
| | | | Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
* Correctly ellipsize file names, fix #6498Jan-Christoph Borchardt2017-09-142-1/+5
| | | | Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
* Ellipsize sharer name, ref #6498Jan-Christoph Borchardt2017-09-142-2/+12
| | | | Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
* Allow to close sidebar for text filesMorris Jobke2017-09-141-0/+1
| | | | | | * the close button was overlapped by the text preview and you could not close the sidebar then Signed-off-by: Morris Jobke <hey@morrisjobke.de>
generated by cgit v1.2.3 (git 2.39.1) at 2025-01-31 19:50:46 +0000