mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-08 07:36:39 +02:00
Code Issues Releases Wiki Activity

further refinements to overlay styles

Browse Source
This commit is contained in:
Hakim El Hattab
2025-01-29 15:19:38 +01:00
parent 3ceac9402d
commit 0524ae855d
7 changed files with 140 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
css/reveal.scss
View File

@@ -1440,7 +1440,7 @@ $overlayHeaderPadding: 5px;
height: 100%; height: 100%;
z-index: 1000; z-index: 1000;
background: rgba( 0, 0, 0, 0.95 ); background: rgba( 0, 0, 0, 0.95 );
backdrop-filter: blur( 6px ); backdrop-filter: blur( 10px );
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@@ -1506,12 +1506,16 @@ $overlayHeaderPadding: 5px;
position: absolute; position: absolute;
display: flex; display: flex;
top: $overlayHeaderHeight + $overlayHeaderPadding*2; top: $overlayHeaderHeight + $overlayHeaderPadding*2;
right: 0; right: 10px;
bottom: 0; bottom: 10px;
left: 0; left: 10px;
border-radius: 10px;
overflow: hidden;
background-color: rgba(20, 20, 20, 0.8);
} }
.reveal .overlay-preview .overlay-viewport iframe { // Preview overlay
.reveal .overlay-preview iframe {
width: 100%; width: 100%;
height: 100%; height: 100%;
max-width: 100%; max-width: 100%;
@@ -1523,7 +1527,7 @@ $overlayHeaderPadding: 5px;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.reveal .overlay-preview.loaded .overlay-viewport iframe { .reveal .overlay-preview.loaded iframe {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
} }
@@ -1551,21 +1555,24 @@ $overlayHeaderPadding: 5px;
transform: scale(0.2); transform: scale(0.2);
} }
// Help overlay
.reveal .overlay-help .overlay-viewport { .reveal .overlay-help .overlay-viewport {
overflow: auto; overflow: auto;
color: #fff; color: #fff;
display: grid;
place-items: center;
} }
.reveal .overlay-help .overlay-viewport-inner { .reveal .overlay-help .overlay-viewport-inner {
width: 600px; width: 600px;
margin: auto; margin: auto;
padding: 20px 20px 80px 20px;
text-align: center; text-align: center;
letter-spacing: normal; letter-spacing: normal;
} }
.reveal .overlay-help .overlay-viewport-inner .title { .reveal .overlay-help .overlay-viewport-inner .title {
font-size: 20px; font-size: 20px;
margin-top: 0;
} }
.reveal .overlay-help .overlay-viewport-inner table { .reveal .overlay-help .overlay-viewport-inner table {

2
dist/reveal.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/reveal.esm.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/reveal.esm.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/reveal.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/reveal.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
js/reveal.js
View File

@@ -882,7 +882,7 @@ export default function( revealElement, options ) {
dom.overlay.classList.add( 'overlay-help' ); dom.overlay.classList.add( 'overlay-help' );
dom.wrapper.appendChild( dom.overlay ); dom.wrapper.appendChild( dom.overlay );
let html = '<p class="title">Keyboard Shortcuts</p><br/>'; let html = '<p class="title">Keyboard Shortcuts</p>';
let shortcuts = keyboard.getShortcuts(), let shortcuts = keyboard.getShortcuts(),
bindings = keyboard.getBindings(); bindings = keyboard.getBindings();