diff options
author | Ivan Sein <ivan@struktur.de> | 2017-11-02 13:21:28 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-11-02 13:21:28 +0300 |
commit | d7ef5ef868060f497e6e69617f088c69dfbb6cc3 (patch) | |
tree | c2a37f18189c7837b098270b9b1d4e0e56e69d73 /css | |
parent | 503c69d7301731709aef33e2fb63a6c80a9e943b (diff) | |
parent | 1ab4942ed52095aa06ae4fd7a15e3d118c2d1769 (diff) |
Merge pull request #458 from nextcloud/add-support-for-right-sidebar-in-public-page
Add support for right sidebar in public page
Diffstat (limited to 'css')
-rw-r--r-- | css/style.css | 63 |
1 files changed, 20 insertions, 43 deletions
diff --git a/css/style.css b/css/style.css index 9da8a80e1..aecc95158 100644 --- a/css/style.css +++ b/css/style.css @@ -115,13 +115,13 @@ } .password-input, -.rename-input { +.editable-text-label input { margin-top: 0 !important; margin-bottom: 4px !important; } .icon-confirm.password-confirm, -.icon-confirm.rename-confirm { +.icon-confirm.confirm-button { background-size: 16px; background-color: transparent; border: none; @@ -132,7 +132,7 @@ opacity: .5; } .icon-confirm.password-confirm:hover, -.icon-confirm.rename-confirm:hover { +.icon-confirm.confirm-button:hover { opacity: 1; } @@ -661,43 +661,17 @@ video { } } -#guestName { - padding: 7px 30px 6px 10px; - cursor: pointer; -} - -#guestName:hover { - color: #fff !important; -} - -#guestNameInput { - margin-top: 7px; - margin-right: -10px; - padding-right: 22px; -} - -#guestNameConfirm { - position: relative; - height: 20px; - right: 16px; - line-height: 14px; - background-color: transparent; - border: none; - opacity: .5; -} - -#guestNameConfirm:hover { - opacity: 1; -} - /* make blue header bar transparent in shared room */ #body-public #app-content:not(.participants-1) #header.spreed-public { background: transparent; } -/* make guest name white because header bar is transparent*/ -#body-public #app-content:not(.participants-1) #guestName { - color: rgba(255, 255, 255, 0.7); +/* As the header is hidden (except for the logo), move the fullscreen button and + * sidebar to the top during calls */ +#body-public #app-content:not(.participants-1) #app-sidebar, +#body-public #app-content:not(.participants-1) #video-fullscreen { + top: 0; + z-index: 3000; } /** @@ -785,36 +759,39 @@ video { * Sidebar details view */ -.detailCallInfoContainer h3 { - max-width: calc(100% - 72px); +.detailCallInfoContainer .room-name { + display: inline-block; +} + +.detailCallInfoContainer h3, +.detailCallInfoContainer .guest-name p { display: inline-block; } -.detailCallInfoContainer .rename-button { +.detailCallInfoContainer .editable-text-label .edit-button { display: none; } .detailCallInfoContainer .clipboard-button, -.detailCallInfoContainer:hover .rename-button { +.detailCallInfoContainer:hover .editable-text-label .edit-button { display: inline-block; } .detailCallInfoContainer .clipboard-button .icon, -.detailCallInfoContainer .rename-button .icon { +.detailCallInfoContainer .editable-text-label .edit-button .icon { cursor: pointer; width: 16px; height: 16px; margin: -2px 10px; } -.detailCallInfoContainer .rename-option, +.detailCallInfoContainer .editable-text-label .input-wrapper, .detailCallInfoContainer .password-option { position: relative; - max-width: calc(100% - 72px); display: inline-block; } -.detailCallInfoContainer .rename-input, +.detailCallInfoContainer .editable-text-label input, .detailCallInfoContainer .password-input { width: 100%; } |