Spacebar/docs
1
0
Fork 0
mirror of https://github.com/spacebarchat/docs.git synced 2024-09-19 23:21:40 +02:00
Code Issues Releases Activity

Simplify the rights calculator styling

Browse Source
This commit is contained in:
Madeline 2023-02-17 23:14:22 +11:00
parent c08a9eb537
commit 2df4d61eb4
No known key found for this signature in database
GPG Key ID: 1958E017C36F2E47
3 changed files with 13 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/assets/extra.css
View File

@ -10,10 +10,10 @@
max-width: 65rem;
}
.md-typeset .fc-routesearch .md-input {
.md-typeset .fc-search .md-input {
background: var(--md-default-bg-color);
}
[data-md-color-scheme="slate"] .md-typeset .fc-routesearch .md-input {
[data-md-color-scheme="slate"] .md-typeset .fc-search .md-input {
background: var(--md-code-bg-color);
}

2
docs/contributing/server/missingroute.md
View File

@ -9,7 +9,7 @@ It is generated daily by [fosscord/fosscord-missing-routes](https://github.com/f
by scraping the latest Discord.com client.
<div>
<div class="fc-routesearch">
<div class="fc-search">
<input
id="missing-routes-search"
class="md-input md-input--stretch"

39
docs/setup/server/security/rights.md
View File

@ -26,41 +26,22 @@ Operator rights currently grants access to the following, in addition to all rig
## Calculator
<style>
#rights-calculator * {
padding: 0;
margin: 0;
font-size: 0.65rem;
}
#rights-calculator #rights-container {
#rights-container {
font-size: 0.75rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
#rights-calculator #rights-container input {
margin-right: 10px;
width: 20px;
height: 20px;
}
#rights-calculator #rights-output-container {
margin-top: 10px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
#rights-output {
background-color: transparent;
border-bottom: 2px solid white;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
margin-bottom: 15px;
}
</style>
<div id="rights-calculator">
<div id="rights-container"></div>
<div id="rights-output-container">
<p>Rights: <input id="rights-output"></input></p>
<div class="fc-search" id="rights-output-container">
<input
id="rights-output"
class="md-input md-input--stretch"
placeholder="Select right flags above, or input integer here"
/>
</div>
</div>