* tests/e2e: add test for authentication flow in compatibility mode Signed-off-by: Jens Langhammer <jens@goauthentik.io> * web: Add prefix class to CSS for easier debugging of constructed stylesheets. - Use CSS variables for highlighter. * web: Fix issue where MDX components apply styles out of order. * web: Fix hover color. * web: Fix CSS module types. Clean up globals. * web: Fix issues surrounding availability of shadow root in compatibility mode. * web: Fix typo. * web: Partial fixes for storybook dark theme. * web: Fix overflow. * web: Fix issues surrounding competing interfaces attempting to apply styles. * fix padding in ak-alert in. markdown Signed-off-by: Jens Langhammer <jens@goauthentik.io> * web: Minimize use of sub-module exports. --------- Signed-off-by: Jens Langhammer <jens@goauthentik.io> Co-authored-by: Teffen Ellis <teffen@sister.software>
		
			
				
	
	
		
			59 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			59 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<style>
 | 
						|
    body {
 | 
						|
        overflow-y: scroll;
 | 
						|
        margin: 0;
 | 
						|
    }
 | 
						|
 | 
						|
    .sb-main-padded {
 | 
						|
        padding: 0 !important;
 | 
						|
    }
 | 
						|
 | 
						|
    .story-shadow-container {
 | 
						|
        background-color: #fff;
 | 
						|
        box-shadow: 0 0 0.25em #ddd;
 | 
						|
        box-sizing: border-box;
 | 
						|
        display: flex;
 | 
						|
        flex-direction: column;
 | 
						|
        gap: 1em;
 | 
						|
        margin: 0 auto;
 | 
						|
        max-width: 72em;
 | 
						|
        padding: 1em;
 | 
						|
        width: 100%;
 | 
						|
    }
 | 
						|
 | 
						|
    .docs-story .story-shadow-container {
 | 
						|
        box-shadow: none;
 | 
						|
    }
 | 
						|
 | 
						|
    .story-shadow-container[display-mode="flex-wrap"] {
 | 
						|
        flex-wrap: wrap;
 | 
						|
        flex-direction: row;
 | 
						|
    }
 | 
						|
 | 
						|
    .title {
 | 
						|
        border-bottom: 1px solid #ccc;
 | 
						|
        color: #333;
 | 
						|
        font-size: 13px;
 | 
						|
        font-weight: bold;
 | 
						|
        margin: 2rem -1rem 1rem;
 | 
						|
        padding-bottom: 0.25rem;
 | 
						|
        padding-left: 1rem;
 | 
						|
    }
 | 
						|
 | 
						|
    .title code {
 | 
						|
        background-color: #f5f5f5;
 | 
						|
        border-radius: 0.25rem;
 | 
						|
        font-weight: bold;
 | 
						|
        padding: 0.1rem 0.25rem;
 | 
						|
    }
 | 
						|
 | 
						|
    .sbdocs-preview .hljs {
 | 
						|
        color: #fff !important;
 | 
						|
        white-space: pre-line;
 | 
						|
    }
 | 
						|
 | 
						|
    .sbdocs-pre > div {
 | 
						|
        margin: 1em 0;
 | 
						|
    }
 | 
						|
</style>
 |