Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-02-13 08:18:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

improve articles

Browse Source
This commit is contained in:
Dennis Eichhorn 2022-08-16 19:04:57 +02:00
parent 85c6666c9b
commit 8c3c652352
14 changed files with 180 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -56,7 +56,7 @@ General updates can be found in our info section at https://karaka.app/info and
## Tech stack ## Tech stack
* Language: php, js, c++, html, css, markdown, shell script * Language: php, js, c++, html, css, markdown, shell script
* Database: Maria/MySQL, PostgreSQL, MSSQL, SQLite * Database: Maria/MySQL, PostgreSQL, MSSQL/SQLSrv, SQLite
* Webserver: apache2, nginx * Webserver: apache2, nginx
* Cache: Redis, Memcached * Cache: Redis, Memcached

40
article.scss
View File

@ -7,7 +7,7 @@ article {
padding: 10px; padding: 10px;
margin: 0; margin: 0;
font-size: .9rem; font-size: .9rem;
color: #48465b; color: #23222d;
line-height: 2rem; line-height: 2rem;
white-space: normal; white-space: normal;
@ -56,7 +56,7 @@ article {
pre { pre {
margin: 1rem 0 1rem 0; margin: 1rem 0 1rem 0;
border: 1px solid #ddd; border: 1px solid #ddd;
border-left: 3px solid var(--button-colored-background); border-left: 3px solid #25acff;
background: #f4f4f4; background: #f4f4f4;
line-height: 1rem; line-height: 1rem;
font-size: .8rem; font-size: .8rem;
@ -67,10 +67,25 @@ article {
} }
} }
blockquote {
color: #fff;
background: #25acff;
border: 1px solid #0480ce;
padding: 1rem;
border-radius: 5px;
margin: 1.5rem;
p:last-child {
margin-bottom: 0;
}
}
code { code {
color: var(--link-hover); font-size: 0.8rem;
font-style: italic; color: #23222d;
font-family: monospace; padding: .1rem;
background: #f4f4f4;
border-radius: 3px;
} }
a { a {
@ -100,14 +115,6 @@ article {
line-height: 1.5em; line-height: 1.5em;
} }
blockquote {
margin: 10px 0 10px 0;
p:last-child {
margin-bottom: 0;
}
}
img { img {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
@ -120,13 +127,18 @@ article {
border: 1px solid var(--box-border); border: 1px solid var(--box-border);
margin: 0 auto; margin: 0 auto;
margin-bottom: 1rem; margin-bottom: 1rem;
min-width: 90%;
th, td { th, td {
padding: 5px; padding: 5px;
border: 1px solid var(--box-border); border: 1px solid var(--box-border);
} }
tr:nth-child(2n) { th {
background: var(--table-head-background);
}
tr:nth-child(2n) td {
background: var(--table-row-background); background: var(--table-row-background);
} }
} }

7
blockquote.scss
View File

@ -1,4 +1,9 @@
pre {
border: 1px solid var(--box-border);
background: #ccc;
padding: 1rem;
box-sizing: border-box;
}
blockquote { blockquote {
border: 1px solid var(--box-border); border: 1px solid var(--box-border);

4
button.scss
View File

@ -13,7 +13,8 @@ button, input[type="submit"], input[type="button"], label.button, a.button {
padding: 0 1rem 0 1rem; padding: 0 1rem 0 1rem;
flex-grow: 0; flex-grow: 0;
height: 32px; height: 32px;
border: none; //border: none;
border: 1px solid var(--box-border);
box-shadow: none; box-shadow: none;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -21,6 +22,7 @@ button, input[type="submit"], input[type="button"], label.button, a.button {
font-family: inherit; font-family: inherit;
font-size: .9rem; font-size: .9rem;
user-select: none; user-select: none;
font-weight: 100;
&::-moz-focus-inner { &::-moz-focus-inner {
border: 0; border: 0;

1
default.scss
View File

@ -4,7 +4,6 @@
pre { pre {
background: #cfcfcf; background: #cfcfcf;
border-radius: 3px;
border: 1px solid #ccc; border: 1px solid #ccc;
padding: 1rem; padding: 1rem;
overflow-x: auto; overflow-x: auto;

40
input.scss
View File

@ -38,7 +38,7 @@ input[type="datetime-local"] {
width: 100%; width: 100%;
min-width: 70px; min-width: 70px;
max-width: 100%; max-width: 100%;
font-size: 1rem; font-size: .9rem;
border: 1px solid var(--input-border); border: 1px solid var(--input-border);
transition: background 0.3s, border 0.3s; transition: background 0.3s, border 0.3s;
@ -69,29 +69,31 @@ input[type="datetime-local"] {
} }
.inputWrapper { .inputWrapper {
display: flex; display: inline-flex;
flex-direction: row; flex-direction: row;
.textWrapper+input[type=submit], .textWrapper+input[type=button], .textWrapper+button { .textWrapper+input[type=submit], .textWrapper+input[type=button], .textWrapper+button {
background: var(--button-colored-background); // background: var(--button-colored-background);
color: var(--text-on-background-color-2); // color: var(--text-on-background-color-2);
margin: 0; margin: 0;
padding: 0; padding: 0;
flex: 0; flex: 0;
height: auto; height: auto;
border: none; // border: none;
box-shadow: none; box-shadow: none;
/*
&:hover, &:focus { &:hover, &:focus {
background: var(--button-colored-background-hover); background: var(--button-colored-background-hover);
} }
*/
} }
.textWrapper { .textWrapper {
flex: 1; flex: 1;
position: relative; position: relative;
input { i+input {
padding-left: 2rem; padding-left: 2rem;
} }
@ -105,10 +107,12 @@ input[type="datetime-local"] {
.frontIcon { .frontIcon {
left: 0; left: 0;
font-size: .8rem;
} }
.endIcon { .endIcon {
right: 0; right: 0;
font-size: .8rem;
} }
input[type=text]:active, input[type=text]:focus, input[type=text]:active, input[type=text]:focus,
@ -431,10 +435,17 @@ select.plain {
// * fix close automatic if radio, if checkbox = multiple, don't close automatic // * fix close automatic if radio, if checkbox = multiple, don't close automatic
// * fix opening drop down when clicken on text instead of end of text area // * fix opening drop down when clicken on text instead of end of text area
.dropdown { .dropdown {
cursor: pointer;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
border: 1px solid #000; border: 1px solid #000;
position: relative; position: relative;
box-shadow: none;
outline: 0;
margin: 0;
font-family: inherit;
font-size: .9rem;
user-select: none;
&:hover { &:hover {
background: #f00; background: #f00;
@ -446,6 +457,14 @@ select.plain {
} }
.dropdown-closed { .dropdown-closed {
display: flex;
height: 100%;
align-items: center;
label {
display: none;
}
input { input {
display: none; display: none;
@ -453,14 +472,15 @@ select.plain {
display: block; display: block;
} }
} }
label {
display: none;
}
} }
.dropdown-container { .dropdown-container {
display: none; display: none;
z-index: 2;
label {
padding: .5rem;
}
} }
& > input { & > input {

4
layout.scss
View File

@ -28,3 +28,7 @@
} }
} }
} }
.inline {
display: inline;
}

4
nav.scss
View File

@ -129,7 +129,6 @@ body > nav {
.nav-trigger { .nav-trigger {
position: absolute; position: absolute;
clip: rect(0, 0, 0, 0);
&:checked + nav { &:checked + nav {
width: 0%; width: 0%;
@ -143,7 +142,8 @@ body > nav {
> li { > li {
> a { > a {
box-shadow: 0 0 3px 1px rgba(90, 71, 114, 0.3); //box-shadow: 0 0 3px 1px rgba(90, 71, 114, 0.3);
border: 1px solid var(--box-border);
margin-right: .5rem; margin-right: .5rem;
display: inline-block; display: inline-block;
padding: 10px 10px; padding: 10px 10px;

33
portlet.scss
View File

@ -1,30 +1,31 @@
.portlet { .portlet {
box-shadow: 0 0 3px 1px rgba(72, 71, 114, 0.3); border: 1px solid var(--box-border);
//box-shadow: 0 0 3px 1px rgba(72, 71, 114, 0.3);
box-sizing: border-box; box-sizing: border-box;
margin-top: 1rem; margin-top: 1rem;
//overflow-x: auto; removed in order to prevent scroll bars for tooltips which are longer than the portlet (test in general settings view) //overflow-x: auto; removed in order to prevent scroll bars for tooltips which are longer than the portlet (test in general settings view)
//border-top: 2px solid var(--box-highlight); //border-top: 2px solid var(--box-highlight);
border-top-left-radius: 4px; //border-top-left-radius: 4px;
border-top-right-radius: 4px; //border-top-right-radius: 4px;
border-bottom-left-radius: 4px; //border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; //border-bottom-right-radius: 4px;
.portlet-head { .portlet-head {
background: #fff; background: #fff;
border-top-left-radius: 4px; //border-top-left-radius: 4px;
border-top-right-radius: 4px; //border-top-right-radius: 4px;
border-bottom: 1px solid #ebedf2; border-bottom: 1px solid #ebedf2;
padding: 1rem; padding: .7rem 1rem .7rem 1rem;
font-weight: 300; font-weight: 300;
} }
.portlet-foot { .portlet-foot {
background: #fff; background: #fff;
border-bottom-left-radius: 4px; //border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; //border-bottom-right-radius: 4px;
border-top: 1px solid #ebedf2; border-top: 1px solid #ebedf2;
padding: 1rem; padding: .7rem 1rem .7rem 1rem;
} }
.portlet-body > h2 { .portlet-body > h2 {
@ -40,12 +41,12 @@
.portlet-body { .portlet-body {
background: #fff; background: #fff;
padding: 1rem; padding: .7rem 1rem .7rem 1rem;
border-top-left-radius: 4px; //border-top-left-radius: 4px;
border-top-right-radius: 4px; //border-top-right-radius: 4px;
border-bottom-left-radius: 4px; //border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; //border-bottom-right-radius: 4px;
} }
.portlet.highlight-1 { .portlet.highlight-1 {

3
section.scss
View File

@ -32,7 +32,8 @@
section.box { section.box {
background: #fff; background: #fff;
box-shadow: 0 0 3px 1px rgba(90, 71, 114, 0.3); //box-shadow: 0 0 3px 1px rgba(90, 71, 114, 0.3);
border: 1px solid var(--box-border);
} }
section { section {

139
styles.css
View File

@ -46,7 +46,6 @@ i {
pre { pre {
background: #cfcfcf; background: #cfcfcf;
border-radius: 3px;
border: 1px solid #ccc; border: 1px solid #ccc;
padding: 1rem; padding: 1rem;
overflow-x: auto; overflow-x: auto;
@ -3172,7 +3171,7 @@ article {
padding: 10px; padding: 10px;
margin: 0; margin: 0;
font-size: .9rem; font-size: .9rem;
color: #48465b; color: #23222d;
line-height: 2rem; line-height: 2rem;
white-space: normal; } white-space: normal; }
article del, article ins, article mark { article del, article ins, article mark {
@ -3199,17 +3198,28 @@ article {
article pre { article pre {
margin: 1rem 0 1rem 0; margin: 1rem 0 1rem 0;
border: 1px solid #ddd; border: 1px solid #ddd;
border-left: 3px solid var(--button-colored-background); border-left: 3px solid #25acff;
background: #f4f4f4; background: #f4f4f4;
line-height: 1rem; line-height: 1rem;
font-size: .8rem; } font-size: .8rem; }
article pre code { article pre code {
background: none; background: none;
color: #000; } color: #000; }
article blockquote {
color: #fff;
background: #25acff;
border: 1px solid #0480ce;
padding: 1rem;
border-radius: 5px;
margin: 1.5rem; }
article blockquote p:last-child {
margin-bottom: 0; }
article code { article code {
color: var(--link-hover); font-size: 0.8rem;
font-style: italic; color: #23222d;
font-family: monospace; } padding: .1rem;
background: #f4f4f4;
border-radius: 3px; }
article a { article a {
color: var(--link-color); color: var(--link-color);
border-bottom: 1px dotted var(--link-color); } border-bottom: 1px dotted var(--link-color); }
@ -3225,10 +3235,6 @@ article {
article li { article li {
margin: 0.3rem 0 0.3rem 0; margin: 0.3rem 0 0.3rem 0;
line-height: 1.5em; } line-height: 1.5em; }
article blockquote {
margin: 10px 0 10px 0; }
article blockquote p:last-child {
margin-bottom: 0; }
article img { article img {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
@ -3238,11 +3244,14 @@ article {
border-collapse: collapse; border-collapse: collapse;
border: 1px solid var(--box-border); border: 1px solid var(--box-border);
margin: 0 auto; margin: 0 auto;
margin-bottom: 1rem; } margin-bottom: 1rem;
min-width: 90%; }
article table th, article table td { article table th, article table td {
padding: 5px; padding: 5px;
border: 1px solid var(--box-border); } border: 1px solid var(--box-border); }
article table tr:nth-child(2n) { article table th {
background: var(--table-head-background); }
article table tr:nth-child(2n) td {
background: var(--table-row-background); } background: var(--table-row-background); }
.ipt-wrap { .ipt-wrap {
@ -3266,6 +3275,9 @@ article {
.flex-line div:nth-child(n+1) { .flex-line div:nth-child(n+1) {
padding-left: 5px; } padding-left: 5px; }
.inline {
display: inline; }
*[draggable] { *[draggable] {
cursor: move; } cursor: move; }
@ -3532,7 +3544,7 @@ input[type="datetime-local"] {
width: 100%; width: 100%;
min-width: 70px; min-width: 70px;
max-width: 100%; max-width: 100%;
font-size: 1rem; font-size: .9rem;
border: 1px solid var(--input-border); border: 1px solid var(--input-border);
transition: background 0.3s, border 0.3s; } transition: background 0.3s, border 0.3s; }
.textarea:focus, .textarea .active, .textarea:active, .textarea:focus, .textarea .active, .textarea:active,
@ -3597,23 +3609,23 @@ input[type="datetime-local"] {
height: 2rem; } height: 2rem; }
.inputWrapper { .inputWrapper {
display: flex; display: inline-flex;
flex-direction: row; } flex-direction: row; }
.inputWrapper .textWrapper + input[type=submit], .inputWrapper .textWrapper + input[type=button], .inputWrapper .textWrapper + button { .inputWrapper .textWrapper + input[type=submit], .inputWrapper .textWrapper + input[type=button], .inputWrapper .textWrapper + button {
background: var(--button-colored-background);
color: var(--text-on-background-color-2);
margin: 0; margin: 0;
padding: 0; padding: 0;
flex: 0; flex: 0;
height: auto; height: auto;
border: none; box-shadow: none;
box-shadow: none; } /*
.inputWrapper .textWrapper + input[type=submit]:hover, .inputWrapper .textWrapper + input[type=submit]:focus, .inputWrapper .textWrapper + input[type=button]:hover, .inputWrapper .textWrapper + input[type=button]:focus, .inputWrapper .textWrapper + button:hover, .inputWrapper .textWrapper + button:focus { &:hover, &:focus {
background: var(--button-colored-background-hover); } background: var(--button-colored-background-hover);
}
*/ }
.inputWrapper .textWrapper { .inputWrapper .textWrapper {
flex: 1; flex: 1;
position: relative; } position: relative; }
.inputWrapper .textWrapper input { .inputWrapper .textWrapper i + input {
padding-left: 2rem; } padding-left: 2rem; }
.inputWrapper .textWrapper .frontIcon, .inputWrapper .textWrapper .endIcon { .inputWrapper .textWrapper .frontIcon, .inputWrapper .textWrapper .endIcon {
color: var(--input-icon-color); color: var(--input-icon-color);
@ -3622,9 +3634,11 @@ input[type="datetime-local"] {
top: 0; top: 0;
padding: .6rem .6rem .6rem .4rem; } padding: .6rem .6rem .6rem .4rem; }
.inputWrapper .textWrapper .frontIcon { .inputWrapper .textWrapper .frontIcon {
left: 0; } left: 0;
font-size: .8rem; }
.inputWrapper .textWrapper .endIcon { .inputWrapper .textWrapper .endIcon {
right: 0; } right: 0;
font-size: .8rem; }
.inputWrapper .textWrapper input[type=text]:active, .inputWrapper .textWrapper input[type=text]:focus, .inputWrapper .textWrapper input[type=text]:active, .inputWrapper .textWrapper input[type=text]:focus,
.inputWrapper .textWrapper input[type=password]:active, .inputWrapper .textWrapper input[type=password]:focus { .inputWrapper .textWrapper input[type=password]:active, .inputWrapper .textWrapper input[type=password]:focus {
border: 1px solid var(--input-border-active); } border: 1px solid var(--input-border-active); }
@ -3847,23 +3861,37 @@ select.plain {
box-shadow: none; } box-shadow: none; }
.dropdown { .dropdown {
cursor: pointer;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
border: 1px solid #000; border: 1px solid #000;
position: relative; } position: relative;
box-shadow: none;
outline: 0;
margin: 0;
font-family: inherit;
font-size: .9rem;
user-select: none; }
.dropdown:hover { .dropdown:hover {
background: #f00; } background: #f00; }
.dropdown label { .dropdown label {
cursor: pointer; cursor: pointer;
user-select: none; } user-select: none; }
.dropdown .dropdown-closed input { .dropdown .dropdown-closed {
display: none; } display: flex;
.dropdown .dropdown-closed input:checked + label { height: 100%;
display: block; } align-items: center; }
.dropdown .dropdown-closed label { .dropdown .dropdown-closed label {
display: none; } display: none; }
.dropdown .dropdown-closed input {
display: none; }
.dropdown .dropdown-closed input:checked + label {
display: block; }
.dropdown .dropdown-container { .dropdown .dropdown-container {
display: none; } display: none;
z-index: 2; }
.dropdown .dropdown-container label {
padding: .5rem; }
.dropdown > input { .dropdown > input {
display: none; } display: none; }
.dropdown > input:checked + .dropdown-container { .dropdown > input:checked + .dropdown-container {
@ -4077,6 +4105,12 @@ div.slider-1 {
transform: translateZ(-35vw) rotateY(-240deg); } transform: translateZ(-35vw) rotateY(-240deg); }
82.5%, 100% { 82.5%, 100% {
transform: translateZ(-35vw) rotateY(-360deg); } } transform: translateZ(-35vw) rotateY(-360deg); } }
pre {
border: 1px solid var(--box-border);
background: #ccc;
padding: 1rem;
box-sizing: border-box; }
blockquote { blockquote {
border: 1px solid var(--box-border); border: 1px solid var(--box-border);
background: #ccc; background: #ccc;
@ -4165,14 +4199,15 @@ button, input[type="submit"], input[type="button"], label.button, a.button {
padding: 0 1rem 0 1rem; padding: 0 1rem 0 1rem;
flex-grow: 0; flex-grow: 0;
height: 32px; height: 32px;
border: none; border: 1px solid var(--box-border);
box-shadow: none; box-shadow: none;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
outline: 0; outline: 0;
font-family: inherit; font-family: inherit;
font-size: .9rem; font-size: .9rem;
user-select: none; } user-select: none;
font-weight: 100; }
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, label.button::-moz-focus-inner, a.button::-moz-focus-inner { button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, label.button::-moz-focus-inner, a.button::-moz-focus-inner {
border: 0; } border: 0; }
button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, label.button:hover, label.button:focus, a.button:hover, a.button:focus { button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, label.button:hover, label.button:focus, a.button:hover, a.button:focus {
@ -4307,8 +4342,7 @@ body > nav {
flex-grow: 0; } flex-grow: 0; }
.nav-trigger { .nav-trigger {
position: absolute; position: absolute; }
clip: rect(0, 0, 0, 0); }
.nav-trigger:checked + nav { .nav-trigger:checked + nav {
width: 0%; } width: 0%; }
@ -4317,7 +4351,7 @@ body > nav {
margin-top: 1rem; margin-top: 1rem;
display: block; } display: block; }
.nav-top > li > a { .nav-top > li > a {
box-shadow: 0 0 3px 1px rgba(90, 71, 114, 0.3); border: 1px solid var(--box-border);
margin-right: .5rem; margin-right: .5rem;
display: inline-block; display: inline-block;
padding: 10px 10px; } padding: 10px 10px; }
@ -4560,7 +4594,7 @@ body > nav {
section.box { section.box {
background: #fff; background: #fff;
box-shadow: 0 0 3px 1px rgba(90, 71, 114, 0.3); } border: 1px solid var(--box-border); }
section header > h1 { section header > h1 {
margin: 10px 10px 0 10px; margin: 10px 10px 0 10px;
@ -4752,7 +4786,6 @@ table.default.sticky {
vertical-align: middle; } vertical-align: middle; }
table.default { table.default {
border-radius: 4px;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
font-size: 0.9em; font-size: 0.9em;
@ -4766,8 +4799,6 @@ table.default {
border-bottom: 1px solid var(--box-border); border-bottom: 1px solid var(--box-border);
background: var(--table-caption-background); background: var(--table-caption-background);
padding: .5rem; padding: .5rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-align: left; text-align: left;
height: 2.5rem; } height: 2.5rem; }
table.default caption i { table.default caption i {
@ -4784,13 +4815,13 @@ table.default {
table.default tbody tr:hover td, table.default tbody tr:focus td { table.default tbody tr:hover td, table.default tbody tr:focus td {
background: var(--table-row-background-hover); } background: var(--table-row-background-hover); }
table.default tbody tr td, table.default tbody tr th { table.default tbody tr td, table.default tbody tr th {
border-bottom: 1px solid var(--box-border); } border-bottom: 1px solid #ebedf2; }
table.default tbody tr:last-child td, table.default tbody tr:last-child th { table.default tbody tr:last-child td, table.default tbody tr:last-child th {
border: none; } border: none; }
table.default tbody tr:focus, table.default tbody tr:hover { table.default tbody tr:focus, table.default tbody tr:hover {
outline: none; outline: none;
transform: scale(1); transform: scale(1);
box-shadow: 0 0 5px rgba(90, 71, 114, 0.3); } box-shadow: 0 0 5px var(--box-border); }
table.default tbody th { table.default tbody th {
background: var(--table-head-background); } background: var(--table-head-background); }
table.default thead { table.default thead {
@ -4798,7 +4829,7 @@ table.default {
table.default thead tr { table.default thead tr {
height: 2.5rem; } height: 2.5rem; }
table.default thead td { table.default thead td {
border-bottom: 1px solid var(--box-border); } border-bottom: 1px solid #ebedf2; }
table.default thead input[type=radio] { table.default thead input[type=radio] {
display: none; } display: none; }
table.default thead input[type=radio]:checked + label { table.default thead input[type=radio]:checked + label {
@ -4899,26 +4930,18 @@ span.tag {
color: #4865a5; } color: #4865a5; }
.portlet { .portlet {
box-shadow: 0 0 3px 1px rgba(72, 71, 114, 0.3); border: 1px solid var(--box-border);
box-sizing: border-box; box-sizing: border-box;
margin-top: 1rem; margin-top: 1rem; }
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
.portlet .portlet-head { .portlet .portlet-head {
background: #fff; background: #fff;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: 1px solid #ebedf2; border-bottom: 1px solid #ebedf2;
padding: 1rem; padding: .7rem 1rem .7rem 1rem;
font-weight: 300; } font-weight: 300; }
.portlet .portlet-foot { .portlet .portlet-foot {
background: #fff; background: #fff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #ebedf2; border-top: 1px solid #ebedf2;
padding: 1rem; } padding: .7rem 1rem .7rem 1rem; }
.portlet .portlet-body > h2 { .portlet .portlet-body > h2 {
border-bottom: 1px solid #ebedf2; } border-bottom: 1px solid #ebedf2; }
@ -4929,11 +4952,7 @@ span.tag {
.portlet-body { .portlet-body {
background: #fff; background: #fff;
padding: 1rem; padding: .7rem 1rem .7rem 1rem; }
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
.portlet.highlight-1 { .portlet.highlight-1 {
border-top: 0; border-top: 0;

12
table.scss
View File

@ -59,7 +59,7 @@ table.default.sticky {
} }
table.default { table.default {
border-radius: 4px; //border-radius: 4px;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
font-size: 0.9em; font-size: 0.9em;
@ -79,8 +79,8 @@ table.default {
background: var(--table-caption-background); background: var(--table-caption-background);
padding: .5rem; padding: .5rem;
border-top-left-radius: 4px; //border-top-left-radius: 4px;
border-top-right-radius: 4px; //border-top-right-radius: 4px;
text-align: left; text-align: left;
@ -113,7 +113,7 @@ table.default {
} }
td, th { td, th {
border-bottom: 1px solid var(--box-border); border-bottom: 1px solid #ebedf2;
} }
&:last-child td, &:last-child th { &:last-child td, &:last-child th {
@ -123,7 +123,7 @@ table.default {
&:focus, &:hover { &:focus, &:hover {
outline: none; outline: none;
transform: scale(1); transform: scale(1);
box-shadow: 0 0 5px rgba(90, 71, 114, 0.3); box-shadow: 0 0 5px var(--box-border);
} }
} }
@ -140,7 +140,7 @@ table.default {
} }
td { td {
border-bottom: 1px solid var(--box-border); border-bottom: 1px solid #ebedf2;
} }
input[type=radio] { input[type=radio] {

4
tests/app/forms_data_selection.php
View File

@ -35,8 +35,8 @@
<label for="e3">Content2</label> <label for="e3">Content2</label>
<label for="e4">Content3</label> <label for="e4">Content3</label>
<label for="iDropdown1">Close</label> <label for="iDropdown1">Close</label>
<div> </div>
<div> </div>
</label> </label>
</div> </div>
</section> </section>

2
tests/app/index.php
View File

@ -8,6 +8,8 @@
<link rel="stylesheet" type="text/css" href="../../styles.css"> <link rel="stylesheet" type="text/css" href="../../styles.css">
<link rel="stylesheet" type="text/css" href="../../../Install/Application/Backend/Themes/Default/css/backend-small.css"> <link rel="stylesheet" type="text/css" href="../../../Install/Application/Backend/Themes/Default/css/backend-small.css">
<link rel="stylesheet" type="text/css" href="../../../Resources/fonts/fontawesome/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="../../../Resources/fonts/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../../../Resources/fonts/linearicons/css/style.css">
<link rel="stylesheet" type="text/css" href="../../../Resources/fonts/lineicons/css/lineicons.css">
<script src="../../../jsOMS/Utils/oLib.js"></script> <script src="../../../jsOMS/Utils/oLib.js"></script>
<script src="load.js" type="module"></script> <script src="load.js" type="module"></script>
</head> </head>