Skip to content
This repository has been archived by the owner on Jan 3, 2024. It is now read-only.

14.0.0
Compare
Choose a tag to compare
@kulmann kulmann released this 28 Nov 08:44
· 167 commits to stable-14.0 since this release
v14.0.0
69abcc1
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Changelog for 14.0.0 (2022-11-28)

The following sections list the changes in ownCloud Design System 14.0.0.

Summary

  • Bugfix - Omit special characters in user avatar initials: #2070
  • Bugfix - Avatar link icon: #2269
  • Bugfix - Firefox drag & drop move of folders not possible: #7495
  • Bugfix - Lazy loading render performance: #2260
  • Bugfix - Modal input message overlays with buttons: #2343
  • Bugfix - Remove width shrinking of the ocAvatarItem: #2241
  • Bugfix - Remove click event on OcIcon: #2216
  • Bugfix - Translate contextual helpers: #2334
  • Change - Redesign contextual helper: #2271
  • Change - Remove OcAlert component: #2210
  • Change - Remove transition animations: #2210
  • Change - Revamp animations: #2210
  • Change - OcTable emit event data on row click: #2218
  • Enhancement - Give OcModal the option to use OcContextualHelper: #2325
  • Enhancement - Add nestedd drop functionality: #2238
  • Enhancement - Add OcInfoDrop: #2286
  • Enhancement - Add rounded prop to OcTag: #2284
  • Enhancement - Adjust avatar font weight from bold to normal: #2275
  • Enhancement - Align breadcrumb context menu with regular context menu: #2296
  • Enhancement - Adjust breadcrumb spacing: #7676
  • Enhancement - Button text align left: #7619
  • Enhancement - OcCheckbox add outline: #2218
  • Enhancement - Add offset property to the drop component: #7335
  • Enhancement - Input background color: #7353
  • Enhancement - Make UI smaller: #2270
  • Enhancement - Oc-card style: #2306
  • Enhancement - OcSelect dark mode improvements: #2262
  • Enhancement - Progress bar indeterminate state: #2200
  • Enhancement - Redesign notifications: #2210
  • Enhancement - Remove border on buttons: #7353
  • Enhancement - "Chancel"-button and -handler in OcSearchBar: #7617
  • Enhancement - Use Inter font: #2270

Details

  • Bugfix - Omit special characters in user avatar initials: #2070

    We now make sure that user avatars without a picture (i.e. rendering user initials) only show
    unicode letters and numbers.

    #2070
    #2267

  • Bugfix - Avatar link icon: #2269

    We've updated the avatar link icon to the current icon used in Web.

    owncloud/web#7345
    #2269

  • Bugfix - Firefox drag & drop move of folders not possible: #7495

    We've fixed a bug in firefox which caused drag & drop move to redirect the page.

    owncloud/web#7495
    #2302

  • Bugfix - Lazy loading render performance: #2260

    The render performance of the lazy loading option in tables (OcTable, OcTableSimple) has been
    improved by removing the debounce option and by moving the lazy loading visualization from the
    OcTd to the OcTr component. For lazy loading, the colspan property has to be provided now.

    owncloud/web#7038
    #2260
    #2266

  • Bugfix - Modal input message overlays with buttons: #2343

    We've fixed a bug where the modal input message eventually overlays with the confirm and cancel
    buttons.

    owncloud/web#7807
    #2343

  • Bugfix - Remove width shrinking of the ocAvatarItem: #2241

    We fixed an issue that the width of ocAvatarItem is shrinking in the sidebar of web by longer
    group names

    #2241
    #2242

  • Bugfix - Remove click event on OcIcon: #2216

    We have removed an unnecessary default click handler on the OcIcon component, expecting it to
    increase performance of the UI.

    #2216

  • Bugfix - Translate contextual helpers: #2334

    We've fixed a bug where contextual helpers were not translated.

    owncloud/web#7716
    #2334

  • Change - Redesign contextual helper: #2271

    We've redesigned the contextual helper, which accepts now a title property and is able to
    display a description list.

    owncloud/web#7331
    #2271
    #2273

  • Change - Remove OcAlert component: #2210

    #2210

  • Change - Remove transition animations: #2210

    #2210

  • Change - Revamp animations: #2210

    We have removed the old animation classes and will subsequently add new ones, respecting the
    prefers-reduced-motion browser setting.

    #2210

  • Change - OcTable emit event data on row click: #2218

    We've extended the emit data on row click to now also include the event data

    owncloud/web#6029
    #2218

  • Enhancement - Give OcModal the option to use OcContextualHelper: #2325

    We've added the option for OcModal to use OcContextualHelper

    owncloud/web#6892
    #2325

  • Enhancement - Add nestedd drop functionality: #2238

    We've added the property "isNested" to ocDrop that prevents the parent drop from hiding by not
    firing hideAll() in the child drop

    #2238
    #2239

  • Enhancement - Add OcInfoDrop: #2286

    We've added the new component OcInfoDrop, which will be consumed by the OcContextualHelper
    component.

    #2286

  • Enhancement - Add rounded prop to OcTag: #2284

    We've added a rounded property to the OcTag component

    #2284

  • Enhancement - Adjust avatar font weight from bold to normal: #2275

    #2275

  • Enhancement - Align breadcrumb context menu with regular context menu: #2296

    We've aligned the breadcrumb context menu visually to match with the regular context menu in
    the files table.

    owncloud/web#7493
    #2296

  • Enhancement - Adjust breadcrumb spacing: #7676

    We've adjusted some spacing in the breadcrumbs to improve the overall look.

    owncloud/web#7676
    owncloud/web#7525
    #2329

  • Enhancement - Button text align left: #7619

    We've changed the text alignment of buttons to left.

    owncloud/web#7619
    #2323

  • Enhancement - OcCheckbox add outline: #2218

    We've added an optional outline to be able to highlight the checkbox

    owncloud/web#6029
    #2218

  • Enhancement - Add offset property to the drop component: #7335

    We've added an offset property to the drop component to define a custom offset. Also, the max
    width of drop menus was increased to 400px.

    owncloud/web#7335
    #2276

  • Enhancement - Input background color: #7353

    The background color for input fields has been adjusted to better match with the overall
    design.

    owncloud/web#7353
    owncloud/web#7373
    #2345
    #2352

  • Enhancement - Make UI smaller: #2270

    We've adjusted several values to make the UI appear less big.

    #2270

  • Enhancement - Oc-card style: #2306

    We've enhanced the oc-card style classes, to fit better in the corporate design

    owncloud/web#7537
    #2306
    #2321

  • Enhancement - OcSelect dark mode improvements: #2262

    We've improved the visual appearance of the OcSelect component in dark mode, now the selected
    items have an adjusted color and are easier to read.

    owncloud/web#7269
    #2262

  • Enhancement - Progress bar indeterminate state: #2200

    We've added an indeterminate state to the progress bar.

    owncloud/web#7105
    #2200

  • Enhancement - Redesign notifications: #2210

    We have redesigned the notifications component to fit the overal new look of the web frontend,
    e.g. adding shadow and rounded corners. It can now also be rendered "unpositioned" instead of
    having it always stick to the top of the screen.

    owncloud/web#7082
    #2210
    #2216

  • Enhancement - Remove border on buttons: #7353

    The outer border for buttons has been removed. Outline buttons now have an inner outline
    instead.

    owncloud/web#7353
    owncloud/web#7373
    #2345
    #2352
    #2354

  • Enhancement - "Chancel"-button and -handler in OcSearchBar: #7617

    We've added to possibility to have a "cancel"-button and -handler in the OcSearchBar
    component.

    owncloud/web#7617
    #2328

  • Enhancement - Use Inter font: #2270

    We've switched the default font from Roboto to Inter.

    #2270
    #2299

Changelog for 13.1.0 (2022-06-07)

The following sections list the changes in ownCloud Design System 13.1.0.

Summary

  • Bugfix - Disabled textarea color contrast in darkmode: #2055
  • Bugfix - Fix event handler for submit-via-enter in OcModal input: #2159
  • Bugfix - OcTextInput: Fix event handlers in loops: #2054
  • Bugfix - Text color of buttons and avatars in hovered table rows: #2139
  • Bugfix - Add word breaking in tooltips: #2137
  • Enhancement - Add OcContextualHelper: #6590
  • Enhancement - Add ROOT file icon: #2158
  • Enhancement - Add selection range for OcModal and OcTextInput: #6729
  • Enhancement - Export package members: #2048
  • Enhancement - Hover in ocDrop menues: #2069
  • Enhancement - OcModal add checkbox and secondary button: #6994
  • Enhancement - OcModal input type: #2077
  • Enhancement - Make OcResource inline-flex: #2041
  • Enhancement - Add isFileExtensionDisplayed property: #2087
  • Enhancement - Redesign OcGhostElement: #2049
  • Enhancement - Replace deprecated String.prototype.substr(): #2059
  • Enhancement - Add HTML title to the resourceName component: #2164
  • Enhancement - Add option to not truncate the resource name: #2157

Details

  • Bugfix - Disabled textarea color contrast in darkmode: #2055

    We fixed an issue that made text on disabled textarea fields unreadable since it was the same
    color as the background.

    #2053
    #2055

  • Bugfix - Fix event handler for submit-via-enter in OcModal input: #2159

    We fixed a small difference between clicking the confirm button and hitting the enter key when
    using an OcModal with an input field, which lead to unexpected behaviour.

    #2159
    owncloud/web#6961 (review)

  • Bugfix - OcTextInput: Fix event handlers in loops: #2054

    We pass all event handlers specified on OcTextInput to the underlying input element
    except for input, change and focus event handlers. We fixed an issue in this exclusion
    code that made change, input and focus handlers be re-registered on rerenders,
    particularly in loop rerenders, so they were called multiple times for a single event.

    #2054

  • Bugfix - Text color of buttons and avatars in hovered table rows: #2139

    We fixed an issue that made text of buttons and avatars inside hovered rows bad readable for
    light mode.

    #2138
    #2139

  • Bugfix - Add word breaking in tooltips: #2137

    We've added word wrapping to the tippy tooltips so they handle very long paths properly.

    #2137

  • Enhancement - Add OcContextualHelper: #6590

    We've added a contextual helper component to provide more information based on the context

    owncloud/web#6590
    #2064

  • Enhancement - Add ROOT file icon: #2158

    We've added an icon for files of ROOT type. ROOT is a software suite designed for data analysis in
    particle physics, astronomy and other sciences.

    #2158

  • Enhancement - Add selection range for OcModal and OcTextInput: #6729

    We've added the possibility to set a selection range for the initial focus selection in OcModal
    and OcTextinput.

    owncloud/web#6729
    #2061

  • Enhancement - Export package members: #2048

    Add exports for composables, utils, components, directives, helpers and
    mixins. Start using them via import { composables, utils, ... } from 'owncloud-design-system'.

    #2048

  • Enhancement - Hover in ocDrop menues: #2069

    We've added the "oc-menu-item-hover" class for

  • elements inside ocDrop, to add the hover
    effect on buttons and links.

    #2069

  • Enhancement - OcModal add checkbox and secondary button: #6994

    We've added an optional checkbox and secondary button to the OcModal

    owncloud/web#6996
    owncloud/web#6994

  • Enhancement - OcModal input type: #2077

    We've added an option to set the input type for input fields in the OcModal component.

    #2077

  • Enhancement - Make OcResource inline-flex: #2041

    We've changed OcResource's display CSS attribute to inline-flex to prevent a line break

    #2041

  • Enhancement - Add isFileExtensionDisplayed property: #2087

    We've added the isFileExtensionDisplayed property to the OcResource and
    OcResourceName components, to determine whether the file extension should be displayed or
    not.

    owncloud/web#6730
    #2087

  • Enhancement - Redesign OcGhostElement: #2049

    We've redesigned OcGhostElement to use OcResourceIcon and to display a better preview of the
    items that have been dragged

    #2049

  • Enhancement - Replace deprecated String.prototype.substr(): #2059

    We've replaced all occurrences of the deprecated String.prototype.substr() function with
    String.prototype.slice() which works similarly but isn't deprecated.

    #2059

  • Enhancement - Add HTML title to the resourceName component: #2164

    We've added the HTML title attribute to the resourceName component in case no tooltip is being
    displayed.

    #2164

  • Enhancement - Add option to not truncate the resource name: #2157

    We've added a new property to the resourceName component that indicates whether a resource
    name should be truncated or not.

    #2157

Assets 2
Loading