aboutsummaryrefslogtreecommitdiffstats
path: root/core/src/jquery/css
diff options
context:
space:
mode:
Diffstat (limited to 'core/src/jquery/css')
-rw-r--r--core/src/jquery/css/images/ui-bg_diagonals-thick_20_666666_40x40.pngbin0 -> 157 bytes
-rw-r--r--core/src/jquery/css/images/ui-bg_flat_10_000000_40x100.pngbin0 -> 86 bytes
-rw-r--r--core/src/jquery/css/images/ui-bg_flat_35_1d2d44_40x100.pngbin0 -> 86 bytes
-rw-r--r--core/src/jquery/css/images/ui-icons_1d2d44_256x240.pngbin0 -> 3550 bytes
-rw-r--r--core/src/jquery/css/images/ui-icons_ffd27a_256x240.pngbin0 -> 3551 bytes
-rw-r--r--core/src/jquery/css/images/ui-icons_ffffff_256x240.pngbin0 -> 3574 bytes
-rw-r--r--core/src/jquery/css/jquery-ui-fixes.scss264
-rw-r--r--core/src/jquery/css/jquery.ocdialog.scss106
8 files changed, 370 insertions, 0 deletions
diff --git a/core/src/jquery/css/images/ui-bg_diagonals-thick_20_666666_40x40.png b/core/src/jquery/css/images/ui-bg_diagonals-thick_20_666666_40x40.png
new file mode 100644
index 00000000000..a618b065866
--- /dev/null
+++ b/core/src/jquery/css/images/ui-bg_diagonals-thick_20_666666_40x40.png
Binary files differ
diff --git a/core/src/jquery/css/images/ui-bg_flat_10_000000_40x100.png b/core/src/jquery/css/images/ui-bg_flat_10_000000_40x100.png
new file mode 100644
index 00000000000..b10f59cd342
--- /dev/null
+++ b/core/src/jquery/css/images/ui-bg_flat_10_000000_40x100.png
Binary files differ
diff --git a/core/src/jquery/css/images/ui-bg_flat_35_1d2d44_40x100.png b/core/src/jquery/css/images/ui-bg_flat_35_1d2d44_40x100.png
new file mode 100644
index 00000000000..2be93e582d8
--- /dev/null
+++ b/core/src/jquery/css/images/ui-bg_flat_35_1d2d44_40x100.png
Binary files differ
diff --git a/core/src/jquery/css/images/ui-icons_1d2d44_256x240.png b/core/src/jquery/css/images/ui-icons_1d2d44_256x240.png
new file mode 100644
index 00000000000..c6435ee6a66
--- /dev/null
+++ b/core/src/jquery/css/images/ui-icons_1d2d44_256x240.png
Binary files differ
diff --git a/core/src/jquery/css/images/ui-icons_ffd27a_256x240.png b/core/src/jquery/css/images/ui-icons_ffd27a_256x240.png
new file mode 100644
index 00000000000..f3c947bef5d
--- /dev/null
+++ b/core/src/jquery/css/images/ui-icons_ffd27a_256x240.png
Binary files differ
diff --git a/core/src/jquery/css/images/ui-icons_ffffff_256x240.png b/core/src/jquery/css/images/ui-icons_ffffff_256x240.png
new file mode 100644
index 00000000000..5fb299e36a0
--- /dev/null
+++ b/core/src/jquery/css/images/ui-icons_ffffff_256x240.png
Binary files differ
diff --git a/core/src/jquery/css/jquery-ui-fixes.scss b/core/src/jquery/css/jquery-ui-fixes.scss
new file mode 100644
index 00000000000..637f4bfe14b
--- /dev/null
+++ b/core/src/jquery/css/jquery-ui-fixes.scss
@@ -0,0 +1,264 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/* Component containers
+----------------------------------*/
+.ui-widget-content {
+ border: 1px solid var(--color-border);
+ background: var(--color-main-background) none;
+ color: var(--color-main-text);
+}
+
+.ui-widget-content a {
+ color: var(--color-main-text);
+}
+
+.ui-widget-header {
+ border: none;
+ color: var(--color-main-text);
+ background-image: none;
+}
+
+.ui-widget-header a {
+ color: var(--color-main-text);
+}
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+ border: 1px solid var(--color-border);
+ background: var(--color-main-background) none;
+ font-weight: bold;
+ color: #555;
+}
+
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+ color: #555;
+}
+
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+ border: 1px solid #ddd;
+ background: var(--color-main-background) none;
+ font-weight: bold;
+ color: var(--color-main-text);
+}
+
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited {
+ color: var(--color-main-text);
+}
+
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+ border: 1px solid var(--color-primary-element);
+ background: var(--color-main-background) none;
+ font-weight: bold;
+ color: var(--color-main-text);
+}
+
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+ color: var(--color-main-text);
+}
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+ border: 1px solid var(--color-main-background);
+ background: var(--color-main-background) none;
+ color: var(--color-text-light);
+ font-weight: 600;
+}
+
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+ color: var(--color-text-lighter);
+}
+
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+ border: var(--color-error);
+ background: var(--color-error) none;
+ color: #ffffff;
+}
+
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+ color: #ffffff;
+}
+
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+ color: #ffffff;
+}
+
+/* Icons
+----------------------------------*/
+.ui-state-default .ui-icon {
+ background-image: url('images/ui-icons_1d2d44_256x240.png');
+}
+
+.ui-state-hover .ui-icon,
+.ui-state-focus .ui-icon {
+ background-image: url('images/ui-icons_1d2d44_256x240.png');
+}
+
+.ui-state-active .ui-icon {
+ background-image: url('images/ui-icons_1d2d44_256x240.png');
+}
+
+.ui-state-highlight .ui-icon {
+ background-image: url('images/ui-icons_ffffff_256x240.png');
+}
+
+.ui-state-error .ui-icon,
+.ui-state-error-text .ui-icon {
+ background-image: url('images/ui-icons_ffd27a_256x240.png');
+}
+
+.ui-icon.ui-icon-none {
+ display: none;
+}
+
+/* Misc visuals
+----------------------------------*/
+/* Overlays */
+.ui-widget-overlay {
+ background: #666666 url('images/ui-bg_diagonals-thick_20_666666_40x40.png') 50% 50% repeat;
+ opacity: .5;
+}
+
+.ui-widget-shadow {
+ margin: -5px 0 0 -5px;
+ padding: 5px;
+ background: #000000 url('images/ui-bg_flat_10_000000_40x100.png') 50% 50% repeat-x;
+ opacity: .2;
+ border-radius: 5px;
+}
+
+/* Tabs customizations */
+.ui-tabs {
+ border: none;
+
+ .ui-tabs-nav.ui-corner-all {
+ border-end-start-radius: 0;
+ border-end-end-radius: 0;
+ }
+
+ .ui-tabs-nav {
+ background: none;
+ margin-bottom: 15px;
+
+ .ui-state-default {
+ border: none;
+ border-bottom: 1px solid transparent;
+ font-weight: normal;
+ margin: 0 !important;
+ padding: 0 !important;
+ }
+
+ .ui-state-hover,
+ .ui-state-active {
+ border: none;
+ border-bottom: 1px solid var(--color-main-text);
+ color: var(--color-main-text);
+ a, a:link, a:hover, a:visited {
+ color: var(--color-main-text);
+ }
+ }
+ .ui-state-active {
+ font-weight: bold;
+ }
+ }
+}
+
+/* Select menus */
+.ui-autocomplete {
+ &.ui-menu {
+ padding: 0;
+
+ /* scrolling starts from three items,
+ * so hide overflow and scrollbars for a clean layout */
+ &.item-count-1,
+ &.item-count-2 {
+ overflow-y: hidden;
+ }
+
+ .ui-menu-item a {
+ color: var(--color-text-lighter);
+ display: block;
+ padding: 4px;
+ padding-inline-start: 14px;
+
+ &.ui-state-focus, &.ui-state-active {
+ box-shadow: inset 4px 0 var(--color-primary-element);
+ color: var(--color-main-text);
+ }
+ }
+ }
+
+ &.ui-widget-content {
+ background: var(--color-main-background);
+ border-top: none;
+ }
+
+ &.ui-corner-all {
+ border-radius: 0;
+ border-end-start-radius: var(--border-radius);
+ border-end-end-radius: var(--border-radius);
+ }
+
+ .ui-state-hover, .ui-widget-content .ui-state-hover,
+ .ui-widget-header .ui-state-hover,
+ .ui-state-focus,
+ .ui-widget-content .ui-state-focus,
+ .ui-widget-header .ui-state-focus {
+ border: 1px solid transparent;
+ background: inherit;
+ color: var(--color-primary-element);
+ }
+
+ .ui-menu-item {
+ a {
+ border-radius: 0 !important;
+ }
+ }
+}
+
+.ui-button.primary {
+ background-color: var(--color-primary-element);
+ color: var(--color-primary-element-text);
+ border: 1px solid var(--color-primary-element-text);
+}
+
+// fix ui-buttons on hover
+.ui-button:hover {
+ font-weight:bold !important;
+}
+
+
+/* DRAGGABLE */
+.ui-draggable-handle,
+.ui-selectable {
+ touch-action: pan-y;
+}
diff --git a/core/src/jquery/css/jquery.ocdialog.scss b/core/src/jquery/css/jquery.ocdialog.scss
new file mode 100644
index 00000000000..b950d98c381
--- /dev/null
+++ b/core/src/jquery/css/jquery.ocdialog.scss
@@ -0,0 +1,106 @@
+/**
+ * SPDX-FileCopyrightText: 2017 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+.oc-dialog {
+ background: var(--color-main-background);
+ color: var(--color-text-light);
+ border-radius: var(--border-radius-large);
+ box-shadow: 0 0 30px var(--color-box-shadow);
+ padding: 24px;
+ z-index: 100001;
+ font-size: 100%;
+ box-sizing: border-box;
+ min-width: 200px;
+ top: 50%;
+ inset-inline-start: 50%;
+ transform: translate(-50%, -50%);
+ max-height: calc(100% - 20px);
+ max-width: calc(100% - 20px);
+ overflow: auto;
+}
+
+.oc-dialog-title {
+ background: var(--color-main-background);
+}
+
+.oc-dialog-buttonrow {
+ position: relative;
+ display: flex;
+ background: transparent;
+ inset-inline-end: 0;
+ bottom: 0;
+ padding: 0;
+ padding-top: 10px;
+ box-sizing: border-box;
+ width: 100%;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.0), var(--color-main-background));
+
+ &.twobuttons {
+ justify-content: space-between;
+ }
+
+ &.onebutton,
+ &.twobuttons.aside {
+ justify-content: flex-end;
+ }
+
+ button {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ height: 44px;
+ min-width: 44px;
+ }
+}
+
+.oc-dialog-close {
+ position: absolute;
+ width: 44px !important;
+ height: 44px !important;
+ top: 4px;
+ inset-inline-end: 4px;
+ padding: 25px;
+ background: var(--icon-close-dark) no-repeat center;
+ opacity: .5;
+ border-radius: var(--border-radius-pill);
+
+ &:hover,
+ &:focus,
+ &:active {
+ opacity: 1;
+ }
+}
+
+.oc-dialog-dim {
+ background-color: #000;
+ opacity: .2;
+ z-index: 100001;
+ position: fixed;
+ top: 0;
+ inset-inline-start: 0;
+ width: 100%;
+ height: 100%;
+}
+
+body.theme--dark .oc-dialog-dim {
+ opacity: .8;
+}
+
+.oc-dialog-content {
+ width: 100%;
+ max-width: 550px;
+}
+
+.oc-dialog.password-confirmation {
+ .oc-dialog-content {
+ width: auto;
+
+ input[type=password] {
+ width: 100%;
+ }
+ label {
+ display: none;
+ }
+ }
+}
generated by cgit v1.2.3 (git 2.39.1) at 2025-08-15 20:35:43 +0000