centersl/chrome-extensions-samples
1
0
Fork 0
mirror of https://github.com/GoogleChrome/chrome-extensions-samples.git synced 2026-03-26 13:19:49 +07:00
Code Issues Packages Projects Releases Wiki Activity

Make focus mode extension more generic (#1026)

Browse Source 
Use a generic selector that will hide all the content outside an
<article>.
This commit is contained in:
Sebastian Benz
2023-12-06 17:46:16 +01:00
committed by GitHub
parent dcd08adfe8
commit 655782d8ee
1 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
functional-samples/tutorial.focus-mode/focus-mode.css
View File

@@ -14,14 +14,23 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
body > .scaffold > :is(top-nav, navigation-rail, side-nav, footer),
main > :not(:last-child),
main > :last-child > navigation-tree,
main .toc-container {
display: none;
* {
display: none!important
}
main > :last-child {
margin-top: min(10vmax, 10rem);
margin-bottom: min(10vmax, 10rem);
html,
body,
*:has(article),
article,
article * {
display: revert!important;
}
[role=navigation] {
display: none!important
}
article {
margin: auto;
max-width: 700px;
}