nextcloud
/
nextcloud-vue
зеркало из https://github.com/nextcloud/nextcloud-vue.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Update styling from server 

Signed-off-by: GitHub <noreply@github.com>
This commit is contained in:
nextcloud-command 2022-12-07 09:25:45 +00:00 коммит произвёл John Molakvoæ (Rebase PR Action)
Родитель c54215cd66
Коммит 8fa5faf3cd
3 изменённых файлов: 67 добавлений и 334 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

26
styleguide/assets/default.css
Просмотреть файл

@ -32,6 +32,7 @@
--color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5);
--color-border: #ededed;
--color-border-dark: #dbdbdb;
--color-border-maxcontrast: #949494;
--font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--default-font-size: 15px;
--animation-quick: 100ms;
@ -54,25 +55,24 @@
--background-invert-if-dark: no;
--background-invert-if-bright: invert(100%);
--background-image-invert-if-bright: no;
--image-background: url('./img/app-background.jpg');
--image-background-default: url('./img/app-background.jpg');
--color-background-plain: #0082c9;
--primary-invert-if-bright: no;
--color-primary: #00639a;
--color-primary: #006aa3;
--color-primary-default: #0082c9;
--color-primary-text: #ffffff;
--color-primary-hover: #3282ae;
--color-primary-light: #e5eff4;
--color-primary-light-text: #00273d;
--color-primary-light-hover: #dbe4e9;
--color-primary-hover: #3287b5;
--color-primary-light: #e5f0f5;
--color-primary-light-text: #002a41;
--color-primary-light-hover: #dbe5ea;
--color-primary-text-dark: #ededed;
--color-primary-element: #00639a;
--color-primary-element: #006aa3;
--color-primary-element-default-hover: #329bd3;
--color-primary-element-text: #ffffff;
--color-primary-element-hover: #3282ae;
--color-primary-element-light: #e5eff4;
--color-primary-element-light-text: #00273d;
--color-primary-element-light-hover: #dbe4e9;
--color-primary-element-hover: #3287b5;
--color-primary-element-light: #e5f0f5;
--color-primary-element-light-text: #002a41;
--color-primary-element-light-hover: #dbe5ea;
--color-primary-element-text-dark: #ededed;
--gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);
--image-background-default: url('./img/background/kamil-porembinski-clouds.jpg');
--color-background-plain: #0082c9;
}

4
styleguide/assets/icons.css
Просмотреть файл

@ -99,8 +99,8 @@
--original-icon-link-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdib3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiB2ZXJzaW9uPSIxLjEiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Im03Ljk1IDAuNjVjLTQuMSAwLTcuNCAzLjMtNy40IDcuNHMzLjMgNy40IDcuNCA3LjQgNy40LTMuMyA3LjQtNy40LTMuMy03LjQtNy40LTcuNHptMC44IDAuOWMxLjMgMCAyLjQgMC44IDMuNSAxLjNsMS44IDIuNS0wLjMgMS4xIDAuNiAwLjN2Mi40Yy0wLjIgMC43LTAuNiAxLjMtMC45IDItMC4yIDAuMSAwLTAuOC0wLjEtMSAwLTAuNi0wLjUtMC42LTAuOS0wLjItMC40IDAuMy0xLjQgMC4zLTEuNS0wLjQtMC4zLTAuOCAwLTEuNyAwLjMtMi41bC0wLjYtMC43IDAuMi0xLjgtMC44LTAuOSAwLjItMS0xLTAuNmMtMC4yLTAuMi0wLjYtMC4yLTAuNy0wLjQgMC4xIDAgMC4yLTAuMSAwLjItMC4xem0tMi42IDAuMXMwLjEgMCAwLjEgMC4xYzAuNCAwLjItMC4xIDAuNC0wLjIgMC42LTAuNSAwLjMgMC4zIDAuNyAwLjUgMSAwLjQtMC4xIDAuOC0wLjcgMS40LTAuNSAwLjctMC4yIDAuNiAwLjYgMS4xIDEgMC4xIDAuMiAwLjkgMC44IDAuNCAwLjYtMC41LTAuNC0xLTAuNC0xLjMgMC4xLTAuOCAwLjUtMC4zLTAuOS0wLjctMS4yLTAuNi0wLjctMC40IDAuNS0wLjQgMC45LTAuNCAwLTEuMS0wLjMtMS41IDAuMmwwLjQgMC42IDAuNS0wLjdjMC0wLjMgMC4xIDAuMiAwLjMgMC4zIDAuMSAwLjIgMC44IDAuNyAwLjMgMC45LTAuOCAwLjQtMS40IDEuMS0yLjEgMS43LTAuMiAwLjUtMC43IDAuNC0xIDAtMC43LTAuNC0wLjcgMC43LTAuNiAxLjFsMC42LTAuNHYxLjFjLTAuNCAwLjQtMC45LTAuNy0xLjMtMC45di0xLjZjMC0wLjQtMC4xLTAuOSAwLTEuMyAwLjgtMC45IDEuNy0xLjkgMi4yLTNoMC44YzAuNiAwLjIgMC4zLTAuNyAwLjUtMC42em0tMS4yIDguMmMwLjEgMCAwLjIgMCAwLjMgMC4xIDAuOCAwLjEgMS40IDAuNyAyIDEuMSAwLjUgMC41IDEuNiAwLjMgMS43IDEuMi0wLjIgMC45LTEuMSAxLjQtMS44IDEuNy0wLjIgMC4xLTAuNCAwLjItMC42IDAuMi0wLjcgMC4yLTEtMC42LTEuMi0xLjEtMC4zLTAuNy0xLjEtMS4yLTEtMi4xIDAtMC40IDAuMi0xIDAuNi0xLjF6IiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+Cg==);
--original-icon-logout-dark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld2JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxnIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0xMC43NSAzLjk4NjJhNS41IDUuNSAwIDAgMSAyLjU2MyA2LjE4NjggNS41IDUuNSAwIDAgMSAtNS4zMTMxIDQuMDc3IDUuNSA1LjUgMCAwIDEgLTUuMzEyNyAtNC4wNzcgNS41IDUuNSAwIDAgMSAyLjU2MjcgLTYuMTg2NyIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGQ9Im04IDEuNzYzN3Y1Ljk3MiIgZmlsbD0iIzAwMDAwMCIvPjwvZz48L3N2Zz4K);
--original-icon-logout-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld2JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxnIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0xMC43NSAzLjk4NjJhNS41IDUuNSAwIDAgMSAyLjU2MyA2LjE4NjggNS41IDUuNSAwIDAgMSAtNS4zMTMxIDQuMDc3IDUuNSA1LjUgMCAwIDEgLTUuMzEyNyAtNC4wNzcgNS41IDUuNSAwIDAgMSAyLjU2MjcgLTYuMTg2NyIgZmlsbD0iI2ZmZmZmZiIvPjxwYXRoIGQ9Im04IDEuNzYzN3Y1Ljk3MiIgZmlsbD0iI2ZmZmZmZiIvPjwvZz48L3N2Zz4K);
--original-icon-mail-dark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0wLjg5IDNjLTAuNDkyNCAwLTAuODkgMC40LTAuODkgMC44OXY4LjIyMDJjMCAwLjQ5MyAwLjQgMC44OSAwLjg5IDAuODloMTQuMjJjMC40OTIgMCAwLjg5LTAuNCAwLjg5LTAuODl2LTguMjIwMmMwLTAuNDkyNC0wLjQtMC44OS0wLjg5LTAuODl6bTAuNzUgMS4wMjc4IDYuMDgyNyA2LjA4MTdoMC41Mjc3M2w2LjExMDItNi4wODE3IDAuNjExIDAuNjEwOS0zLjYzODQgMy42OTM0IDIuNzUgMi44MDQ3LTAuNjExMDIgMC42MTA5Mi0yLjgwNTItMi44MDQ3LTIuMDI3NSAyLjA1NDloLTEuMjc3NmwtMi4wMjcxLTIuMDU1My0yLjgwNTMgMi44MzIzLTAuNjExMS0wLjYzOSAyLjc3NzQtMi44MDQ2LTMuNjY2LTMuNjkzMnoiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4K);
--original-icon-mail-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0wLjg5IDNjLTAuNDkyNCAwLTAuODkgMC40LTAuODkgMC44OXY4LjIyMDJjMCAwLjQ5MyAwLjQgMC44OSAwLjg5IDAuODloMTQuMjJjMC40OTIgMCAwLjg5LTAuNCAwLjg5LTAuODl2LTguMjIwMmMwLTAuNDkyNC0wLjQtMC44OS0wLjg5LTAuODl6bTAuNzUgMS4wMjc4IDYuMDgyNyA2LjA4MTdoMC41Mjc3M2w2LjExMDItNi4wODE3IDAuNjExIDAuNjEwOS0zLjYzODQgMy42OTM0IDIuNzUgMi44MDQ3LTAuNjExMDIgMC42MTA5Mi0yLjgwNTItMi44MDQ3LTIuMDI3NSAyLjA1NDloLTEuMjc3NmwtMi4wMjcxLTIuMDU1My0yLjgwNTMgMi44MzIzLTAuNjExMS0wLjYzOSAyLjc3NzQtMi44MDQ2LTMuNjY2LTMuNjkzMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4K);
--original-icon-mail-dark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwLDhMMTIsMTNMNCw4VjZMMTIsMTFMMjAsNk0yMCw0SDRDMi44OSw0IDIsNC44OSAyLDZWMThBMiwyIDAgMCwwIDQsMjBIMjBBMiwyIDAgMCwwIDIyLDE4VjZDMjIsNC44OSAyMS4xLDQgMjAsNFoiICBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+);
--original-icon-mail-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwLDhMMTIsMTNMNCw4VjZMMTIsMTFMMjAsNk0yMCw0SDRDMi44OSw0IDIsNC44OSAyLDZWMThBMiwyIDAgMCwwIDQsMjBIMjBBMiwyIDAgMCwwIDIyLDE4VjZDMjIsNC44OSAyMS4xLDQgMjAsNFoiICBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+);
--original-icon-menu-sidebar-dark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgdmVyc2lvbj0iMS4xIiB2aWV3Ym94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0yIDJjLTAuNTU0IDAtMSAwLjQ0Ni0xIDFzMC40NDYgMSAxIDFoMTJjMC41NTQgMCAxLTAuNDQ2IDEtMXMtMC40NDYtMS0xLTFoLTEyem05LjcxNyA0LjAwNTljLTEuMjQ3IDAtMi4xNDI4IDEuMDE5OS0yLjE0MjggMS45OTggMCAwLjk5OTUgMC4wNzI2IDEuNzEyNyAwLjU3MTggMi40OTgxIDAuMTYgMC4yMDcgMC4zNDcgMC4yNTEgMC41IDAuNDMgMC4wOTcgMC4zNTcgMC4xNzEgMC43MTMgMC4wNzEgMS4wNy0wLjMxMSAwLjEwOS0wLjYwNyAwLjIzNy0wLjkwNjUgMC4zNTctMC4zNjQtMC4xOTUtMC43ODYzLTAuMzU3LTEuMTUwMy0wLjUtMC4wNS0wLjItMC4wMTI5LTAuMzQ3IDAuMDM3MS0wLjUzNSAwLjA4NTYtMC4wODkgMC4xNjMtMC4xMjkgMC4yNTU4LTAuMjE1IDAuMjY0Mi0wLjMyMSAwLjI3OTMtMC44NjQgMC4yNzkzLTEuMjQ5NiAwLTAuNTcxMi0wLjUxMzUtMC45OTgxLTEuMDcwMy0wLjk5ODEtMC42MjExIDAtMS4wNzIzIDAuNTEyNi0xLjA3MjMgMC45OTgxaC0wLjAxMzZjMCAwLjQ5OTYgMC4wMzUzIDAuODU3NiAwLjI4NTEgMS4yNDk2IDAuMDcxNCAwLjEwNyAwLjE3MjkgMC4xMjYgMC4yNSAwLjIxNSAwLjA0ODEgMC4xNzkgMC4wODU5IDAuMzU3IDAuMDM1MiAwLjUzNS0wLjQ1NjkgMC4xNi0wLjg4NjMgMC4zNTctMS4yODMyIDAuNTcxLTAuMjk5OSAwLjIxNC0wLjE2NjggMC4xMzEtMC4zNTc0IDAuODIyLTAuMDg4NiAwLjM1NyAwLjkyOCAwLjUyMSAxLjY1NjIgMC41NzgtMC4wMzU3IDAuMTk2LTAuMDg1NyAwLjQ1Ny0wLjIyODUgMC45NTctMC4yMjg1IDAuODkzIDMuMTA3NCAxLjIxMyA0LjI4MzQgMS4yMTMgMS43MzUgMCA0LjUwNy0wLjMyNSA0LjI2OS0xLjIxMy0wLjM3MS0xLjM4NS0wLjE1LTEuMjIxLTAuNzAxLTEuNjQyLTAuNzc4LTAuNDY3LTEuNzQ5LTAuODM0LTIuNTY4LTEuMTQzLTAuMTA3LTAuMzk4LTAuMDMtMC42OTIgMC4wNy0xLjA3IDAuMTY4LTAuMTc5IDAuMzU3LTAuMjU5IDAuNTE0LTAuNDMgMC40OTItMC42MzEyIDAuNTU2LTEuNzI5OSAwLjU1Ni0yLjQ5ODEgMC0xLjEzMjMtMS4wMTktMS45OTgtMi4xNC0xLjk5OHptLTkuNzE3IDAuOTk0MWMtMC41NTQgMC0xIDAuNDQ2LTEgMXMwLjQ0NiAxIDEgMWg0LjI4NTJjMC4wODkxLTAuMTg1NSAwLjItMC4zNjQ4IDAuMzUxNS0wLjUxOTUgMC4zNzIxLTAuMzgwMSAwLjkxNzEtMC41OTg4IDEuNDg4My0wLjYxOTJoMC4wMDk4IDAuMDA5N2MwLjE3MjkgMC4wMTcgMC4zMDQyIDAuMDU5NyAwLjQyOTcgMC4xNDI2IDAtMC4zNDg4IDAuMDc0Ny0wLjY4NTMgMC4xOTUzLTEuMDAzOWgtNi43Njk1em0wIDVjLTAuNTU0IDAtMSAwLjQ0Ni0xIDFzMC40NDYgMSAxIDFoMy4yNWMtMC4wMzc1LTAuMDQ5LTAuMDc3Ny0wLjA5LTAuMTExMy0wLjE1Mi0wLjEyMjEtMC4yMjgtMC4xNzA2LTAuNTY4LTAuMTAzNS0wLjgzOGwwLjAwMTktMC4wMTIgMC4wMDM5LTAuMDEyYzAuMDgyMi0wLjI5OCAwLjA1NTYtMC4zMjIgMC4xNDQ1LTAuNjE1IDAuMDMxMy0wLjEwMyAwLjExMTQtMC4yNDUgMC4xOTkzLTAuMzcxaC0zLjM4NDh6IiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+Cg==);
--original-icon-menu-sidebar-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgdmVyc2lvbj0iMS4xIiB2aWV3Ym94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0yIDJjLTAuNTU0IDAtMSAwLjQ0Ni0xIDFzMC40NDYgMSAxIDFoMTJjMC41NTQgMCAxLTAuNDQ2IDEtMXMtMC40NDYtMS0xLTFoLTEyem05LjcxNyA0LjAwNTljLTEuMjQ3IDAtMi4xNDI4IDEuMDE5OS0yLjE0MjggMS45OTggMCAwLjk5OTUgMC4wNzI2IDEuNzEyNyAwLjU3MTggMi40OTgxIDAuMTYgMC4yMDcgMC4zNDcgMC4yNTEgMC41IDAuNDMgMC4wOTcgMC4zNTcgMC4xNzEgMC43MTMgMC4wNzEgMS4wNy0wLjMxMSAwLjEwOS0wLjYwNyAwLjIzNy0wLjkwNjUgMC4zNTctMC4zNjQtMC4xOTUtMC43ODYzLTAuMzU3LTEuMTUwMy0wLjUtMC4wNS0wLjItMC4wMTI5LTAuMzQ3IDAuMDM3MS0wLjUzNSAwLjA4NTYtMC4wODkgMC4xNjMtMC4xMjkgMC4yNTU4LTAuMjE1IDAuMjY0Mi0wLjMyMSAwLjI3OTMtMC44NjQgMC4yNzkzLTEuMjQ5NiAwLTAuNTcxMi0wLjUxMzUtMC45OTgxLTEuMDcwMy0wLjk5ODEtMC42MjExIDAtMS4wNzIzIDAuNTEyNi0xLjA3MjMgMC45OTgxaC0wLjAxMzZjMCAwLjQ5OTYgMC4wMzUzIDAuODU3NiAwLjI4NTEgMS4yNDk2IDAuMDcxNCAwLjEwNyAwLjE3MjkgMC4xMjYgMC4yNSAwLjIxNSAwLjA0ODEgMC4xNzkgMC4wODU5IDAuMzU3IDAuMDM1MiAwLjUzNS0wLjQ1NjkgMC4xNi0wLjg4NjMgMC4zNTctMS4yODMyIDAuNTcxLTAuMjk5OSAwLjIxNC0wLjE2NjggMC4xMzEtMC4zNTc0IDAuODIyLTAuMDg4NiAwLjM1NyAwLjkyOCAwLjUyMSAxLjY1NjIgMC41NzgtMC4wMzU3IDAuMTk2LTAuMDg1NyAwLjQ1Ny0wLjIyODUgMC45NTctMC4yMjg1IDAuODkzIDMuMTA3NCAxLjIxMyA0LjI4MzQgMS4yMTMgMS43MzUgMCA0LjUwNy0wLjMyNSA0LjI2OS0xLjIxMy0wLjM3MS0xLjM4NS0wLjE1LTEuMjIxLTAuNzAxLTEuNjQyLTAuNzc4LTAuNDY3LTEuNzQ5LTAuODM0LTIuNTY4LTEuMTQzLTAuMTA3LTAuMzk4LTAuMDMtMC42OTIgMC4wNy0xLjA3IDAuMTY4LTAuMTc5IDAuMzU3LTAuMjU5IDAuNTE0LTAuNDMgMC40OTItMC42MzEyIDAuNTU2LTEuNzI5OSAwLjU1Ni0yLjQ5ODEgMC0xLjEzMjMtMS4wMTktMS45OTgtMi4xNC0xLjk5OHptLTkuNzE3IDAuOTk0MWMtMC41NTQgMC0xIDAuNDQ2LTEgMXMwLjQ0NiAxIDEgMWg0LjI4NTJjMC4wODkxLTAuMTg1NSAwLjItMC4zNjQ4IDAuMzUxNS0wLjUxOTUgMC4zNzIxLTAuMzgwMSAwLjkxNzEtMC41OTg4IDEuNDg4My0wLjYxOTJoMC4wMDk4IDAuMDA5N2MwLjE3MjkgMC4wMTcgMC4zMDQyIDAuMDU5NyAwLjQyOTcgMC4xNDI2IDAtMC4zNDg4IDAuMDc0Ny0wLjY4NTMgMC4xOTUzLTEuMDAzOWgtNi43Njk1em0wIDVjLTAuNTU0IDAtMSAwLjQ0Ni0xIDFzMC40NDYgMSAxIDFoMy4yNWMtMC4wMzc1LTAuMDQ5LTAuMDc3Ny0wLjA5LTAuMTExMy0wLjE1Mi0wLjEyMjEtMC4yMjgtMC4xNzA2LTAuNTY4LTAuMTAzNS0wLjgzOGwwLjAwMTktMC4wMTIgMC4wMDM5LTAuMDEyYzAuMDgyMi0wLjI5OCAwLjA1NTYtMC4zMjIgMC4xNDQ1LTAuNjE1IDAuMDMxMy0wLjEwMyAwLjExMTQtMC4yNDUgMC4xOTkzLTAuMzcxaC0zLjM4NDh6IiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+Cg==);
--original-icon-menu-dark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld2JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik0yIDJ2MmgxMlYyem0wIDV2MmgxMlY3em0wIDV2MmgxMnYtMnoiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4K);

371
styleguide/assets/server.css
Просмотреть файл

@ -1215,7 +1215,7 @@ input, textarea, select, button, div[contenteditable=true], div[contenteditable=
/* Simple selector to allow easy overriding */
select,
button:not(.button-vue):not([class^=vs__]),
button:not(.button-vue):not(.action-button):not([class^=vs__]),
input,
textarea,
div[contenteditable=true],
@ -1239,7 +1239,7 @@ div.select2-drop .select2-search input,
input[type=submit],
input[type=button],
input[type=reset],
button:not(.button-vue):not([class^=vs__]),
button:not(.button-vue):not(.action-button):not([class^=vs__]),
.button,
.pager li a {
margin: 3px 3px 3px 0;
@ -1264,9 +1264,9 @@ input[type=button]:not(:disabled):not(.primary).active,
input[type=reset]:not(:disabled):not(.primary):hover,
input[type=reset]:not(:disabled):not(.primary):focus,
input[type=reset]:not(:disabled):not(.primary).active,
button:not(.button-vue):not([class^=vs__]):not(:disabled):not(.primary):hover,
button:not(.button-vue):not([class^=vs__]):not(:disabled):not(.primary):focus,
button:not(.button-vue):not([class^=vs__]):not(:disabled):not(.primary).active,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):hover,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):focus,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary).active,
.button:not(:disabled):not(.primary):hover,
.button:not(:disabled):not(.primary):focus,
.button:not(:disabled):not(.primary).active,
@ -1281,7 +1281,7 @@ div.select2-drop .select2-search input:not(:disabled):not(.primary):active,
input[type=submit]:not(:disabled):not(.primary):active,
input[type=button]:not(:disabled):not(.primary):active,
input[type=reset]:not(:disabled):not(.primary):active,
button:not(.button-vue):not([class^=vs__]):not(:disabled):not(.primary):active,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):active,
.button:not(:disabled):not(.primary):active,
.pager li a:not(:disabled):not(.primary):active {
outline: none;
@ -1292,7 +1292,7 @@ div.select2-drop .select2-search input:not(:disabled):not(.primary):focus-visibl
input[type=submit]:not(:disabled):not(.primary):focus-visible,
input[type=button]:not(:disabled):not(.primary):focus-visible,
input[type=reset]:not(:disabled):not(.primary):focus-visible,
button:not(.button-vue):not([class^=vs__]):not(:disabled):not(.primary):focus-visible,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):focus-visible,
.button:not(:disabled):not(.primary):focus-visible,
.pager li a:not(:disabled):not(.primary):focus-visible {
box-shadow: 0 0 0 2px var(--color-primary);
@ -1301,7 +1301,7 @@ div.select2-drop .select2-search input:disabled,
input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
button:not(.button-vue):not([class^=vs__]):disabled,
button:not(.button-vue):not(.action-button):not([class^=vs__]):disabled,
.button:disabled,
.pager li a:disabled {
background-color: var(--color-background-dark);
@ -1313,7 +1313,7 @@ div.select2-drop .select2-search input:required,
input[type=submit]:required,
input[type=button]:required,
input[type=reset]:required,
button:not(.button-vue):not([class^=vs__]):required,
button:not(.button-vue):not(.action-button):not([class^=vs__]):required,
.button:required,
.pager li a:required {
box-shadow: none;
@ -1322,7 +1322,7 @@ div.select2-drop .select2-search input:user-invalid,
input[type=submit]:user-invalid,
input[type=button]:user-invalid,
input[type=reset]:user-invalid,
button:not(.button-vue):not([class^=vs__]):user-invalid,
button:not(.button-vue):not(.action-button):not([class^=vs__]):user-invalid,
.button:user-invalid,
.pager li a:user-invalid {
box-shadow: 0 0 0 2px var(--color-error) !important;
@ -1331,7 +1331,7 @@ div.select2-drop .select2-search input.primary,
input[type=submit].primary,
input[type=button].primary,
input[type=reset].primary,
button:not(.button-vue):not([class^=vs__]).primary,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary,
.button.primary,
.pager li a.primary {
background-color: var(--color-primary-element);
@ -1347,8 +1347,8 @@ button:not(.button-vue):not([class^=vs__]).primary,
#header input[type=button].primary,
#body-login :not(.body-login-container) input[type=reset].primary,
#header input[type=reset].primary,
#body-login :not(.body-login-container) button:not(.button-vue):not([class^=vs__]).primary,
#header button:not(.button-vue):not([class^=vs__]).primary,
#body-login :not(.body-login-container) button:not(.button-vue):not(.action-button):not([class^=vs__]).primary,
#header button:not(.button-vue):not(.action-button):not([class^=vs__]).primary,
#body-login :not(.body-login-container) .button.primary,
#header .button.primary,
#body-login :not(.body-login-container) .pager li a.primary,
@ -1365,9 +1365,9 @@ input[type=button].primary:not(:disabled):active,
input[type=reset].primary:not(:disabled):hover,
input[type=reset].primary:not(:disabled):focus,
input[type=reset].primary:not(:disabled):active,
button:not(.button-vue):not([class^=vs__]).primary:not(:disabled):hover,
button:not(.button-vue):not([class^=vs__]).primary:not(:disabled):focus,
button:not(.button-vue):not([class^=vs__]).primary:not(:disabled):active,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):hover,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):focus,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):active,
.button.primary:not(:disabled):hover,
.button.primary:not(:disabled):focus,
.button.primary:not(:disabled):active,
@ -1384,8 +1384,8 @@ input[type=button].primary:not(:disabled):focus,
input[type=button].primary:not(:disabled):focus-visible,
input[type=reset].primary:not(:disabled):focus,
input[type=reset].primary:not(:disabled):focus-visible,
button:not(.button-vue):not([class^=vs__]).primary:not(:disabled):focus,
button:not(.button-vue):not([class^=vs__]).primary:not(:disabled):focus-visible,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):focus,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):focus-visible,
.button.primary:not(:disabled):focus,
.button.primary:not(:disabled):focus-visible,
.pager li a.primary:not(:disabled):focus,
@ -1396,7 +1396,7 @@ div.select2-drop .select2-search input.primary:not(:disabled):active,
input[type=submit].primary:not(:disabled):active,
input[type=button].primary:not(:disabled):active,
input[type=reset].primary:not(:disabled):active,
button:not(.button-vue):not([class^=vs__]).primary:not(:disabled):active,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):active,
.button.primary:not(:disabled):active,
.pager li a.primary:not(:disabled):active {
color: var(--color-primary-text-dark);
@ -1405,7 +1405,7 @@ div.select2-drop .select2-search input.primary:disabled,
input[type=submit].primary:disabled,
input[type=button].primary:disabled,
input[type=reset].primary:disabled,
button:not(.button-vue):not([class^=vs__]).primary:disabled,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:disabled,
.button.primary:disabled,
.pager li a.primary:disabled {
background-color: var(--color-primary-element);
@ -1459,7 +1459,7 @@ input[type=time] {
/* 'Click' inputs */
select,
button:not(.button-vue):not([class^=vs__]),
button:not(.button-vue):not(.action-button):not([class^=vs__]),
.button,
input[type=button],
input[type=submit],
@ -1473,7 +1473,7 @@ input[type=reset] {
background-color: var(--color-background-dark);
}
select:disabled,
button:not(.button-vue):not([class^=vs__]):disabled,
button:not(.button-vue):not(.action-button):not([class^=vs__]):disabled,
.button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
@ -1481,7 +1481,7 @@ input[type=reset]:disabled {
cursor: default;
}
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not([class^=vs__]),
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]),
select,
div[contenteditable=true],
textarea {
@ -1497,7 +1497,7 @@ textarea {
text-overflow: ellipsis;
cursor: pointer;
}
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not([class^=vs__]):not(:disabled):hover, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not([class^=vs__]):not(:disabled):focus, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not([class^=vs__]):not(:disabled):active,
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):hover, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):focus, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):active,
select:not(:disabled):hover,
select:not(:disabled):focus,
select:not(:disabled):active,
@ -1509,7 +1509,7 @@ textarea:not(:disabled):focus,
textarea:not(:disabled):active {
border-color: var(--color-primary-element);
}
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not([class^=vs__]):not(:disabled):focus,
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):focus,
select:not(:disabled):focus,
div[contenteditable=true]:not(:disabled):focus,
textarea:not(:disabled):focus {
@ -1535,18 +1535,18 @@ select {
}
select *,
button:not(.button-vue):not([class^=vs__]) *,
button:not(.button-vue):not(.action-button):not([class^=vs__]) *,
.button * {
cursor: pointer;
}
select:disabled *,
button:not(.button-vue):not([class^=vs__]):disabled *,
button:not(.button-vue):not(.action-button):not([class^=vs__]):disabled *,
.button:disabled * {
cursor: default;
}
/* Buttons */
button:not(.button-vue):not([class^=vs__]),
button:not(.button-vue):not(.action-button):not([class^=vs__]),
.button,
input[type=button],
input[type=submit],
@ -1555,14 +1555,14 @@ input[type=reset] {
border-radius: var(--border-radius-pill);
/* Get rid of the inside dotted line in Firefox */
}
button:not(.button-vue):not([class^=vs__])::-moz-focus-inner,
button:not(.button-vue):not(.action-button):not([class^=vs__])::-moz-focus-inner,
.button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner {
border: 0;
}
button:not(.button-vue):not([class^=vs__]).error,
button:not(.button-vue):not(.action-button):not([class^=vs__]).error,
.button.error,
input[type=button].error,
input[type=submit].error,
@ -1682,8 +1682,7 @@ input[type=checkbox].radio:checked + label:before, input[type=checkbox].radio.ch
}
input[type=checkbox].radio:disabled + label:before, input[type=checkbox].checkbox:disabled + label:before, input[type=radio].radio:disabled + label:before, input[type=radio].checkbox:disabled + label:before {
border: 1px solid var(--color-text-lighter);
background-color: var(--color-text-maxcontrast) !important;
/* override other status */
background-color: var(--color-text-maxcontrast) !important; /* override other status */
}
input[type=checkbox].radio:checked:disabled + label:before, input[type=checkbox].checkbox:checked:disabled + label:before, input[type=radio].radio:checked:disabled + label:before, input[type=radio].checkbox:checked:disabled + label:before {
background-color: var(--color-text-maxcontrast);
@ -1720,30 +1719,24 @@ input[type=checkbox].radio--white:checked + label:before, input[type=checkbox].c
border-color: #dbdbdb;
}
input[type=checkbox].radio--white:disabled + label:before, input[type=checkbox].checkbox--white:disabled + label:before, input[type=radio].radio--white:disabled + label:before, input[type=radio].checkbox--white:disabled + label:before {
background-color: #bababa !important;
/* override other status */
border-color: rgba(255, 255, 255, 0.4) !important;
/* override other status */
background-color: #bababa !important; /* override other status */
border-color: rgba(255, 255, 255, 0.4) !important; /* override other status */
}
input[type=checkbox].radio--white:checked:disabled + label:before, input[type=checkbox].checkbox--white:checked:disabled + label:before, input[type=radio].radio--white:checked:disabled + label:before, input[type=radio].checkbox--white:checked:disabled + label:before {
box-shadow: inset 0px 0px 0px 2px var(--color-main-background);
border-color: rgba(255, 255, 255, 0.4) !important;
/* override other status */
border-color: rgba(255, 255, 255, 0.4) !important; /* override other status */
background-color: #bababa;
}
input[type=checkbox].checkbox--white:checked + label:before, input[type=checkbox].checkbox--white:indeterminate + label:before, input[type=radio].checkbox--white:checked + label:before, input[type=radio].checkbox--white:indeterminate + label:before {
background-color: transparent !important;
/* Override default checked */
border-color: #fff !important;
/* Override default checked */
background-color: transparent !important; /* Override default checked */
border-color: #fff !important; /* Override default checked */
background-image: url("./img/actions/checkbox-mark-white.svg");
}
input[type=checkbox].checkbox--white:indeterminate + label:before, input[type=radio].checkbox--white:indeterminate + label:before {
background-image: url("./img/actions/checkbox-mixed-white.svg");
}
input[type=checkbox].checkbox--white:disabled + label:before, input[type=radio].checkbox--white:disabled + label:before {
opacity: 0.7;
/* No other choice for white background image */
opacity: 0.7; /* No other choice for white background image */
}
/* Select2 overriding. Merged to core with vendor stylesheet */
@ -1979,203 +1972,6 @@ div.select2-container a.select2-choice .select2-search-field input {
visibility: visible;
}
/* Vue multiselect */
.multiselect.multiselect-vue {
margin: 1px 2px;
padding: 0 !important;
display: inline-block;
width: 160px;
position: relative;
background-color: var(--color-main-background);
/* results wrapper */
}
.multiselect.multiselect-vue.multiselect--active {
/* Opened: force display the input */
}
.multiselect.multiselect-vue.multiselect--active input.multiselect__input {
opacity: 1 !important;
cursor: text !important;
}
.multiselect.multiselect-vue.multiselect--disabled, .multiselect.multiselect-vue.multiselect--disabled .multiselect__single {
background-color: var(--color-background-dark) !important;
}
.multiselect.multiselect-vue .multiselect__tags {
/* space between tags and limit tag */
display: flex;
flex-wrap: nowrap;
overflow: hidden;
border: 1px solid var(--color-border-dark);
cursor: pointer;
position: relative;
border-radius: var(--border-radius);
height: 36px;
/* tag wrapper */
/* Single select default value */
/* displayed text if tag limit reached */
/* default multiselect input for search and placeholder */
}
.multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap {
align-items: center;
display: inline-flex;
overflow: hidden;
max-width: 100%;
position: relative;
padding: 3px 5px;
flex-grow: 1;
/* no tags or simple select? Show input directly
input is used to display single value */
/* selected tag */
}
.multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap:empty ~ input.multiselect__input {
opacity: 1 !important;
/* hide default empty text, show input instead */
}
.multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap:empty ~ input.multiselect__input + span:not(.multiselect__single) {
display: none;
}
.multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap .multiselect__tag {
flex: 1 0 0;
line-height: 20px;
padding: 1px 5px;
background-image: none;
color: var(--color-text-lighter);
border: 1px solid var(--color-border-dark);
display: inline-flex;
align-items: center;
border-radius: var(--border-radius);
/* require to override the default width
and force the tag to shring properly */
min-width: 0;
max-width: 50%;
max-width: fit-content;
max-width: -moz-fit-content;
/* css hack, detect if more than two tags
if so, flex-basis is set to half */
/* ellipsis the groups to be sure
we display at least two of them */
}
.multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap .multiselect__tag:only-child {
flex: 0 1 auto;
}
.multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap .multiselect__tag:not(:last-child) {
margin-right: 5px;
}
.multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap .multiselect__tag > span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.multiselect.multiselect-vue .multiselect__tags .multiselect__single {
padding: 8px 10px;
flex: 0 0 100%;
z-index: 1;
/* above input */
background-color: var(--color-main-background);
cursor: pointer;
line-height: 17px;
}
.multiselect.multiselect-vue .multiselect__tags .multiselect__strong,
.multiselect.multiselect-vue .multiselect__tags .multiselect__limit {
flex: 0 0 auto;
line-height: 20px;
color: var(--color-text-lighter);
display: inline-flex;
align-items: center;
opacity: 0.7;
margin-right: 5px;
/* above the input */
z-index: 5;
}
.multiselect.multiselect-vue .multiselect__tags input.multiselect__input {
width: 100% !important;
position: absolute !important;
margin: 0;
opacity: 0;
/* let's leave it on top of tags but hide it */
height: 100%;
border: none;
/* override hide to force show the placeholder */
display: block !important;
/* only when not active */
cursor: pointer;
}
.multiselect.multiselect-vue .multiselect__content-wrapper {
position: absolute;
width: 100%;
margin-top: -1px;
border: 1px solid var(--color-border-dark);
background: var(--color-main-background);
z-index: 50;
max-height: 175px !important;
overflow-y: auto;
}
.multiselect.multiselect-vue .multiselect__content-wrapper .multiselect__content {
width: 100%;
padding: 5px 0;
}
.multiselect.multiselect-vue .multiselect__content-wrapper li {
padding: 5px;
position: relative;
display: flex;
align-items: center;
background-color: transparent;
}
.multiselect.multiselect-vue .multiselect__content-wrapper li,
.multiselect.multiselect-vue .multiselect__content-wrapper li span {
cursor: pointer;
}
.multiselect.multiselect-vue .multiselect__content-wrapper li > span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 20px;
margin: 0;
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
background-color: transparent !important;
color: var(--color-text-lighter);
width: 100%;
/* selected checkmark icon */
/* add the prop tag-placeholder="create" to add the +
* icon on top of an unknown-and-ready-to-be-created entry
*/
}
.multiselect.multiselect-vue .multiselect__content-wrapper li > span::before {
content: " ";
background-image: var(--icon-checkmark-dark);
background-repeat: no-repeat;
background-position: center;
min-width: 16px;
min-height: 16px;
display: block;
opacity: 0.5;
margin-right: 5px;
visibility: hidden;
}
.multiselect.multiselect-vue .multiselect__content-wrapper li > span.multiselect__option--disabled {
background-color: var(--color-background-dark);
opacity: 0.5;
}
.multiselect.multiselect-vue .multiselect__content-wrapper li > span[data-select=create]::before {
background-image: var(--icon-add-dark);
visibility: visible;
}
.multiselect.multiselect-vue .multiselect__content-wrapper li > span.multiselect__option--highlight {
color: var(--color-main-text);
}
.multiselect.multiselect-vue .multiselect__content-wrapper li > span:not(.multiselect__option--disabled):hover::before {
opacity: 0.3;
}
.multiselect.multiselect-vue .multiselect__content-wrapper li > span.multiselect__option--selected::before, .multiselect.multiselect-vue .multiselect__content-wrapper li > span:not(.multiselect__option--disabled):hover::before {
visibility: visible;
}
/* Progressbar */
progress:not(.vue) {
display: block;
@ -2513,8 +2309,7 @@ label.infield {
/* User menu on the right */
}
#settings #expand {
opacity: 1;
/* override icon opacity */
opacity: 1; /* override icon opacity */
margin-right: 12px;
/* Profile picture in header */
/* show triangle below user menu if active */
@ -2898,14 +2693,11 @@ html {
height: 100%;
position: absolute;
background-color: var(--color-background-plain, var(--color-main-background));
background-image: var(--image-background);
background-size: cover;
background-position: center;
}
body {
background-color: var(--color-background-plain, var(--color-main-background));
background-image: var(--image-background-plain, var(--image-background));
background-image: var(--image-background, var(--image-background-default));
background-size: cover;
background-position: center;
position: fixed;
@ -3142,8 +2934,7 @@ kbd {
background-color: var(--color-primary-light);
}
#app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small:after {
left: 22px;
/* 44px / 2 */
left: 22px; /* 44px / 2 */
}
#app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-deleted {
/* margin to keep active indicator visible */
@ -3191,8 +2982,7 @@ kbd {
border-radius: var(--border-radius-pill);
color: var(--color-main-text);
flex: 1 1 0px;
z-index: 100;
/* above the bullet to allow click*/
z-index: 100; /* above the bullet to allow click*/
/* TODO: forbid using img as icon in menu? */
/* counter can also be inside the link */
}
@ -3366,8 +3156,7 @@ kbd {
text-align: right;
font-size: 9pt;
line-height: 44px;
padding: 0 12px;
/* Same padding as all li > a in the app-navigation */
padding: 0 12px; /* Same padding as all li > a in the app-navigation */
}
#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted {
padding: 0;
@ -3383,8 +3172,7 @@ kbd {
padding-left: 5px;
padding-right: 5px;
display: block;
width: calc(100% - 1px);
/* Avoid border overlapping */
width: calc(100% - 1px); /* Avoid border overlapping */
transition: opacity 250ms ease-in-out;
opacity: 0;
position: absolute;
@ -3407,8 +3195,7 @@ kbd {
}
#app-navigation:not(.vue) .app-navigation-entry-edit input[type=text] {
width: 100%;
min-width: 0;
/* firefox hack: override auto */
min-width: 0; /* firefox hack: override auto */
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
@ -3457,8 +3244,7 @@ kbd {
}
#app-navigation:not(.vue) .app-navigation-entry-edit,
#app-navigation:not(.vue) .app-navigation-entry-deleted {
width: calc(100% - 1px);
/* Avoid border overlapping */
width: calc(100% - 1px); /* Avoid border overlapping */
transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, z-index 250ms ease-in-out;
position: absolute;
left: 0;
@ -3500,11 +3286,9 @@ kbd {
border-top-left-radius: var(--border-radius-large);
border-top-right-radius: var(--border-radius-large);
}
#app-navigation {
border-top-left-radius: var(--border-radius-large);
}
#app-sidebar {
border-top-right-radius: var(--border-radius-large);
}
@ -3911,8 +3695,7 @@ kbd {
.popovermenu li > .menuitem span[class*=" icon-"],
.popovermenu li > .menuitem[class^=icon-],
.popovermenu li > .menuitem[class*=" icon-"] {
min-width: 0;
/* Overwrite icons*/
min-width: 0; /* Overwrite icons*/
min-height: 0;
background-position: 14px center;
background-size: 16px;
@ -4219,8 +4002,7 @@ kbd {
.popovermenu li > a input,
.popovermenu li > .menuitem input {
min-width: 44px;
max-height: 40px;
/* twice the element margin-y */
max-height: 40px; /* twice the element margin-y */
margin: 2px 0;
flex: 1 1 auto;
}
@ -4276,34 +4058,6 @@ kbd {
opacity: 1;
}
/* "app-*" descendants use border-box sizing, so the height of the icon must be
* set to the height of the item (as well as its width to make it squared). */
#content[class*=app-] .bubble li > button,
#content[class*=app-] .bubble li > a,
#content[class*=app-] .bubble li > .menuitem,
#content[class*=app-] .app-navigation-entry-menu li > button,
#content[class*=app-] .app-navigation-entry-menu li > a,
#content[class*=app-] .app-navigation-entry-menu li > .menuitem,
#content[class*=app-] .popovermenu li > button,
#content[class*=app-] .popovermenu li > a,
#content[class*=app-] .popovermenu li > .menuitem {
width: fit-content;
/* DEPRECATED! old img in popover fallback
* TODO: to remove */
}
#content[class*=app-] .bubble li > button > img,
#content[class*=app-] .bubble li > a > img,
#content[class*=app-] .bubble li > .menuitem > img,
#content[class*=app-] .app-navigation-entry-menu li > button > img,
#content[class*=app-] .app-navigation-entry-menu li > a > img,
#content[class*=app-] .app-navigation-entry-menu li > .menuitem > img,
#content[class*=app-] .popovermenu li > button > img,
#content[class*=app-] .popovermenu li > a > img,
#content[class*=app-] .popovermenu li > .menuitem > img {
width: 44px;
height: 44px;
}
/* CONTENT LIST ------------------------------------------------------------ */
.app-content-list {
position: -webkit-sticky;
@ -4566,39 +4320,32 @@ kbd {
margin-right: 10% !important;
width: 80% !important;
}
/* fix name autocomplete not showing on mobile */
.ui-autocomplete {
z-index: 1000 !important;
}
/* fix error display on smaller screens */
.error-wide {
width: 100%;
margin-left: 0 !important;
box-sizing: border-box;
}
/* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/
#app-navigation:not(.vue) {
transform: translateX(-300px);
position: fixed;
height: var(--body-height);
}
.snapjs-left #app-navigation {
transform: translateX(0);
}
#app-navigation:not(.hidden) + #app-content {
margin-left: 0;
}
.skip-navigation.skip-content {
left: 3px;
margin-left: 0;
}
/* full width for message list on mobile */
.app-content-list {
background: var(--color-main-background);
@ -4615,7 +4362,6 @@ kbd {
.app-content-list.showdetails + .app-content-details {
display: initial;
}
/* Show app details page */
#app-content.showdetails #app-navigation-toggle {
transform: translateX(-44px);
@ -4636,7 +4382,6 @@ kbd {
#app-content.showdetails .app-content-list {
transform: translateX(-100%);
}
#app-navigation-toggle {
position: fixed;
display: inline-block !important;
@ -4647,55 +4392,44 @@ kbd {
cursor: pointer;
opacity: 0.6;
}
#app-navigation-toggle:hover,
#app-navigation-toggle:focus {
#app-navigation-toggle:focus {
opacity: 1;
}
/* position controls for apps with app-navigation */
#app-navigation + #app-content .files-controls {
padding-left: 44px;
}
/* .viewer-mode is when text editor, PDF viewer, etc is open */
#body-user .app-files.viewer-mode .files-controls {
padding-left: 0 !important;
}
.app-files.viewer-mode #app-navigation-toggle {
display: none !important;
}
table.multiselect thead {
left: 0 !important;
}
/* prevent overflow in user management controls bar */
#usersearchform {
display: none;
}
#body-settings .files-controls {
min-width: 1024px !important;
}
/* do not show dates in filepicker */
#oc-dialog-filepicker-content .filelist .column-size,
#oc-dialog-filepicker-content .filelist .column-mtime,
#oc-dialog-filepicker-content .filelist .filesize,
#oc-dialog-filepicker-content .filelist .date {
#oc-dialog-filepicker-content .filelist .column-mtime,
#oc-dialog-filepicker-content .filelist .filesize,
#oc-dialog-filepicker-content .filelist .date {
display: none;
}
#oc-dialog-filepicker-content .filelist .filename {
max-width: 100%;
}
.snapjs-left table.multiselect thead {
top: 44px;
}
/* end of media query */
}
@media only screen and (max-width: 480px) {
@ -4706,7 +4440,6 @@ kbd {
#header .header-right > div > .menu::after {
display: none !important;
}
/* Arrow directly child of menutoggle */
#header .header-right > div {
/* settings need a different offset, since they have a right padding */
@ -4738,7 +4471,7 @@ kbd {
* @copyright Copyright (c) 2016, Erik Pellikka <erik@pellikka.org>
* @copyright Copyright (c) 2015, Vincent Petry <pvince81@owncloud.com>
*
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Bootstrap (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/