diff options
| author | dartcafe <github@dartcafe.de> | 2020-08-28 08:35:06 +0300 |
|---|---|---|
| committer | dartcafe <github@dartcafe.de> | 2020-08-28 09:29:26 +0300 |
| commit | 48d5596afe2f284bd32607f8837861bfeac71b51 (patch) | |
| tree | ebc0785261d99b52a99ccbe8816c7f1d2ede41fa /src | |
| parent | 4520ec608fead4f029429a7e707ba95e416be646 (diff) | |
| parent | d3f723d88df85e00aa6da43028e445e8a87f92a4 (diff) | |
Merge branch 'backgroundExperimental' of http://github.com/nextcloud/polls into backgroundExperimental
Diffstat (limited to 'src')
| -rw-r--r-- | src/js/App.vue | 37 | ||||
| -rw-r--r-- | src/js/components/Navigation/Navigation.vue | 2 |
2 files changed, 37 insertions, 2 deletions
diff --git a/src/js/App.vue b/src/js/App.vue index 7fabe184..954bba37 100644 --- a/src/js/App.vue +++ b/src/js/App.vue @@ -359,4 +359,41 @@ input { } } +.experimental { + &.app-polls.bgcolored { + .app-navigation { + border-right: 0px; + box-shadow: 2px 0 6px var(--color-box-shadow); + } + .app-content { + background-color: var(--color-primary-light); + [class*='area__'] { + box-shadow: 2px 2px 6px var(--color-box-shadow); + margin: 12px; + } + } + } + + // experimental background image + &.app-polls.bgimage { + background: url('https://images.unsplash.com/photo-1589967698280-1e86b3d8c1ee?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1334&q=80)'); + background-size: cover; + .glassy { + backdrop-filter: blur(10px); + background-color: rgba(255, 255, 255, 0.5); + } + .app-navigation { + border-right: 0px; + box-shadow: 2px 0 6px var(--color-box-shadow); + } + .app-content { + background-color: transparent; + } + [class*='area__'] { + box-shadow: 2px 2px 6px var(--color-box-shadow); + margin: 12px; + } + } +} + </style> diff --git a/src/js/components/Navigation/Navigation.vue b/src/js/components/Navigation/Navigation.vue index 83c2048b..4b507b9c 100644 --- a/src/js/components/Navigation/Navigation.vue +++ b/src/js/components/Navigation/Navigation.vue @@ -55,8 +55,6 @@ import CreateDlg from '../Create/CreateDlg' import PollNavigationItems from './PollNavigationItems' import NavigationSettings from './NavigationSettings' import { emit } from '@nextcloud/event-bus' -import { AppNavigation, AppNavigationNew, AppNavigationItem } from '@nextcloud/vue' -import { mapGetters } from 'vuex' export default { name: 'Navigation', |