voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Create #right:before on narrow screens to give a solid background.

Browse source
This commit is contained in:
voussoir 2019-09-10 19:38:58 -07:00
parent 23cdd4dc2b
commit 4d235c427c
2 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frontends/etiquette_flask/templates/clipboard.html
View file

@ -84,10 +84,24 @@
bottom: 8px; bottom: 8px;
height: 200px; height: 200px;
outline: 8px solid var(--color_theme_primary);
background-color: var(--color_theme_primary) !important;
grid-template: grid-template:
"toolbox message_area" 1fr "toolbox message_area" 1fr
/1fr minmax(50px, 200px); /1fr minmax(50px, 200px);
} }
#right:before
{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--color_site_transparency);
z-index: -1;
}
} }
</style> </style>
</head> </head>

14
frontends/etiquette_flask/templates/tags.html
View file

@ -81,10 +81,24 @@ h2, h3
bottom: 8px; bottom: 8px;
height: 150px; height: 150px;
outline: 8px solid var(--color_theme_primary);
background-color: var(--color_theme_primary) !important;
grid-template: grid-template:
"editor_area message_area" 1fr "editor_area message_area" 1fr
/1fr minmax(50px, 200px); /1fr minmax(50px, 200px);
} }
#right:before
{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--color_site_transparency);
z-index: -1;
}
} }
</style> </style>
</head> </head>