jacobpascual/openzfs-docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature matrix: beautify css for readability

Browse Source 
Signed-off-by: George Melikov <mail@gmelikov.ru>
This commit is contained in:
George Melikov
2020-12-29 00:35:40 +03:00
parent a6c93633e8
commit 229d45aafb
1 changed files with 63 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
scripts/compatibility_matrix.py
View File

@@ -207,23 +207,69 @@ html.write('''<!DOCTYPE html>
<title>ZFS Feature Matrix</title> <title>ZFS Feature Matrix</title>
<meta charset="utf-8" /><meta name="referrer" content="never" /> <meta charset="utf-8" /><meta name="referrer" content="never" />
<link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'> <link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'>
<style>body{font-family: "Helvetica", "Arial", sans-serif} <style>
.yes{background-color:lightgreen} body {
.warn{background-color:yellow} font-family: "Helvetica", "Arial", sans-serif;
.no{background-color:lightsalmon} }
abbr{text-decoration: none} .yes {
table{border-collapse:collapse;display:block;overflow-x:scroll;overflow-y:hidden;} background-color: lightgreen;
.name{max-width:19ch;} }
th,td{padding:0.2em 0.4em;border:1px solid #aaa;background-color:#f9f9f9} .warn {
.line:hover{filter:brightness(115%);} background-color: yellow;
th{background-color:#eaecf0} }
.l{display:inline-block;text-align:right;min-width:''' + str(d_len) + '''ex;color:#777} .no {
.r{display:inline-block;text-align:left;min-width:''' + str(f_len) + '''ex} background-color: lightsalmon;
.feature_col{min-width: ''' + str(f_len + d_len + 1) + '''ch;} }
.rotate{text-align:center;vertical-align:middle;} abbr {
.rotate span{writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl; text-decoration: none;
transform:scale(-1);} }
.rocol{min-width:2em;}</style> table {
border-collapse: collapse;
display: block;
overflow-x: scroll;
overflow-y: hidden;
}
.name {
max-width: 19ch;
}
th,td {
padding: 0.2em 0.4em;
border: 1px solid #aaa;
background-color: #f9f9f9;
}
.line:hover {
filter: brightness(115%);
}
th {
background-color: #eaecf0;
}
.l {
display: inline-block;
text-align: right;
min-width: ''' + str(d_len) + '''ex;
color: #777;
}
.r {
display: inline-block;
text-align: left;
min-width: ''' + str(f_len) + '''ex;
}
.feature_col {
min-width: ''' + str(f_len + d_len + 1) + '''ch;
}
.rotate {
text-align: center;
vertical-align: middle;
}
.rotate span {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
transform: scale(-1);
}
.rocol {
min-width: 2em;
}
</style>
''') ''')
html.write('<table>\n') html.write('<table>\n')