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. limitations under the License.
*/ */
body > .scaffold > :is(top-nav, navigation-rail, side-nav, footer), * {
main > :not(:last-child), display: none!important
main > :last-child > navigation-tree,
main .toc-container {
display: none;
} }
main > :last-child { html,
margin-top: min(10vmax, 10rem); body,
margin-bottom: min(10vmax, 10rem); *:has(article),
article,
article * {
display: revert!important;
}
[role=navigation] {
display: none!important
}
article {
margin: auto;
max-width: 700px;
} }