diff --git a/src/assets/action.scss b/src/assets/action.scss deleted file mode 100644 index 04258587dd5..00000000000 --- a/src/assets/action.scss +++ /dev/null @@ -1,135 +0,0 @@ -/** - * @copyright Copyright (c) 2019 John Molakvoæ - * - * @author John Molakvoæ - * @author Marco Ambrosini - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ - -@mixin action-active { - li { - &.active { - background-color: var(--color-background-hover); - border-radius: 6px; - padding: 0; - } - } -} - -@mixin action--disabled { - .action--disabled { - pointer-events: none; - opacity: $opacity_disabled; - &:hover, &:focus { - cursor: default; - opacity: $opacity_disabled; - } - & * { - opacity: 1 !important; - } - } -} - - -@mixin action-item($name) { - .action-#{$name} { - display: flex; - align-items: flex-start; - - width: 100%; - height: auto; - margin: 0; - padding: 0; - padding-right: $icon-margin; - box-sizing: border-box; // otherwise router-link overflows in Firefox - - cursor: pointer; - white-space: nowrap; - - opacity: $opacity_normal; - color: var(--color-main-text); - border: 0; - border-radius: 0; // otherwise Safari will cut the border-radius area - background-color: transparent; - box-shadow: none; - - font-weight: normal; - font-size: var(--default-font-size); - line-height: $clickable-area; - - &:hover, - &:focus { - opacity: $opacity_full; - } - - & > span { - cursor: pointer; - white-space: nowrap; - } - - &__icon { - width: $clickable-area; - height: $clickable-area; - opacity: $opacity_full; - background-position: $icon-margin center; - background-size: $icon-size; - background-repeat: no-repeat; - } - - &::v-deep .material-design-icon { - width: $clickable-area; - height: $clickable-area; - opacity: $opacity_full; - - .material-design-icon__svg { - vertical-align: middle; - } - } - - // long text area - p { - max-width: 220px; - line-height: 1.6em; - - // 14px are currently 1em line-height. Mixing units as '44px - 1.6em' does not work. - padding: #{math.div($clickable-area - 1.6 * 14px, 2)} 0; - - cursor: pointer; - text-align: left; - - // in case there are no spaces like long email addresses - overflow: hidden; - text-overflow: ellipsis; - } - - &__longtext { - cursor: pointer; - // allow the use of `\n` - white-space: pre-wrap; - } - - &__title { - font-weight: bold; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - max-width: 100%; - display: inline-block; - } - } -} diff --git a/src/assets/inputs.scss b/src/assets/inputs.scss deleted file mode 100644 index d331aa80e84..00000000000 --- a/src/assets/inputs.scss +++ /dev/null @@ -1,104 +0,0 @@ -/** - * @copyright Copyright (c) 2019 John Molakvoæ - * - * @author John Molakvoæ - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ - -/** - * color-text-lighter normal state - * color-text-lighter active state - * color-text-maxcontrast disabled state - */ - -/* Default global values */ -button:not(.button-vue), -input:not([type='range']), -textarea { - margin: 0; - padding: 7px 6px; - - cursor: text; - - color: var(--color-text-lighter); - border: 1px solid var(--color-border-dark); - border-radius: var(--border-radius); - outline: none; - background-color: var(--color-main-background); - - font-size: 13px; - - &:not(:disabled):not(.primary) { - &:hover, - &:focus, - &.active { - /* active class used for multiselect */ - border-color: var(--color-primary-element); - outline: none; - } - - &:active { - color: var(--color-text-light); - outline: none; - background-color: var(--color-main-background); - } - } - - &:disabled { - cursor: default; - opacity: $opacity_disabled; - color: var(--color-text-maxcontrast); - background-color: var(--color-background-dark); - } - - &:required { - box-shadow: none; - } - - &:invalid { - border-color: var(--color-error); - box-shadow: none !important; - } - - /* Primary action button, use sparingly */ - &.primary { - cursor: pointer; - color: var(--color-primary-text); - border-color: var(--color-primary-element); - background-color: var(--color-primary-element); - - &:not(:disabled) { - &:hover, - &:focus, - &:active { - border-color: var(--color-primary-element-light); - background-color: var(--color-primary-element-light); - } - &:active { - color: var(--color-primary-text-dark); - } - } - - &:disabled { - cursor: default; - color: var(--color-primary-text-dark); - // opacity is already defined to .5 if disabled - background-color: var(--color-primary-element); - } - } -} diff --git a/src/assets/material-icons.css b/src/assets/material-icons.css deleted file mode 100644 index 26df1f7f379..00000000000 --- a/src/assets/material-icons.css +++ /dev/null @@ -1,10 +0,0 @@ -/* -* Ensure proper alignment of the vue material icons -*/ -.material-design-icon { - display: flex; - align-self: center; - justify-self: center; - align-items: center; - justify-content: center; -} diff --git a/src/assets/status-icons/user-status-invisible.svg b/src/assets/status-icons/user-status-invisible.svg deleted file mode 100644 index f4a2126a1c6..00000000000 --- a/src/assets/status-icons/user-status-invisible.svg +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/src/assets/variables.scss b/src/assets/variables.scss deleted file mode 100644 index eee36cb36b9..00000000000 --- a/src/assets/variables.scss +++ /dev/null @@ -1,60 +0,0 @@ -/** - * @copyright Copyright (c) 2019 John Molakvoæ - * - * @author John Molakvoæ - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ - -// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556 -// recommended is 48px -// 44px is what we choose and have very good visual-to-usability ratio -$clickable-area: 44px; - -// background icon size -// also used for the scss icon font -$icon-size: 16px; - -// icon padding for a $clickable-area width and a $icon-size icon -// ( 44px - 16px ) / 2 -$icon-margin: math.div($clickable-area - $icon-size, 2); - -// transparency background for icons -$icon-focus-bg: rgba(127, 127, 127, .25); - -// popovermenu arrow width from the triangle center -$arrow-width: 9px; - -// opacities -$opacity_disabled: .5; -$opacity_normal: .7; -$opacity_full: 1; - -// menu round background hover feedback -// good looking on dark AND white bg -$action-background-hover: rgba(127, 127, 127, .25); - -// various structure data used in the -// `AppNavigation` component -$header-height: 50px; -$navigation-width: 300px; - -// mobile breakpoint -$breakpoint-mobile: 1024px; - -// top-bar spacing -$topbar-margin: 4px;