Merge pull request #11354 from opf/bug/44266-files-list-inconsistencies-in-spacing-and-colours

[#44266] Files list: inconsistencies in spacing and colours
pull/11360/head
Eric Schubert 2 years ago committed by GitHub
commit abac5a783b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      frontend/src/app/shared/components/file-links/file-link-list/file-link-list.html
  2. 3
      frontend/src/app/spot/styles/sass/components/list.sass
  3. 11
      frontend/src/global_styles/content/work_packages/tabs/_files.sass
  4. 16
      frontend/src/global_styles/content/work_packages/tabs/_tab_content.sass

@ -26,7 +26,7 @@
<p
*ngIf="showLinkFilesAction | async"
class="spot-body-small"
class="spot-body-small op-files-tab--file-list-actions"
>
<a
class="spot-link op-files-tab--file-list-action-button"

@ -52,7 +52,8 @@
position: relative
display: flex
&:hover
&:hover,
&:focus-within
background-color: $spot-color-basic-gray-6
&__disabled

@ -79,9 +79,6 @@
&-floating-wrapper:not(&-floating-wrapper__disabled):hover &-avatar
visibility: hidden
&-floating-actions
padding-right: 0
&-floating-text
@include spot-body-small()
@ -90,7 +87,13 @@
color: var(--primary-color)
&-icon
margin-right: $spot-spacing-0-5
margin-right: $spot-spacing-0-25
&--file-list &--file-list-item &--file-list-item-floating-actions
padding-right: 0
&--file-list &--file-list-item &--file-list-item-floating-text
padding-right: $spot-spacing-0-5
&--file-list &--file-list-item &--file-list-item-action
padding-left: 0

@ -27,20 +27,18 @@
//++
.op-tab-content
&--container
.op-files-tab--storage-info-box:not(:last-child)
margin-bottom: $spot-spacing-1
&--tab-section
margin-bottom: $spot-spacing-2
&_no-header
.op-files-tab
&--file-upload
margin-top: 0
.op-files-tab--file-list .op-files-tab--file-list-item:first-child
margin-top: 0
.op-files-tab--storage-info-box:not(:last-child)
margin-bottom: $spot-spacing-1
&--file-list .op-files-tab--file-list-item:first-child
margin-top: 0
.op-files-tab--file-list-actions
margin-top: $spot-spacing-0_75
&--header
border-bottom: 1px solid #ddd

Loading…
Cancel
Save