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

Move new #right:before to common.css.

Browse source
This commit is contained in:
voussoir 2019-09-11 01:12:04 -07:00
parent 4d235c427c
commit d273adbf27
3 changed files with 19 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontends/etiquette_flask/static/css/common.css
View file

@ -159,6 +159,25 @@ pre
{ {
right: 8px; right: 8px;
} }
@media screen and (max-width: 800px)
{
#content_body.sticky_side_right #right
{
outline: 8px solid var(--color_theme_primary);
background-color: var(--color_theme_primary) !important;
}
#content_body.sticky_side_right #right:before
{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--color_site_transparency);
z-index: -1;
}
}
.editor_input .editor_input
{ {

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

@ -84,24 +84,10 @@
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,24 +81,10 @@ 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>