summaryrefslogtreecommitdiffstats
path: root/asset/css/list
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-13 11:30:08 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-13 11:30:08 +0000
commit4ce65d59ca91871cfd126497158200a818720bce (patch)
treee277def01fc7eba7dbc21c4a4ae5576e8aa2cf1f /asset/css/list
parentInitial commit. (diff)
downloadicinga-php-library-4ce65d59ca91871cfd126497158200a818720bce.tar.xz
icinga-php-library-4ce65d59ca91871cfd126497158200a818720bce.zip
Adding upstream version 0.13.1.upstream/0.13.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'asset/css/list')
-rw-r--r--asset/css/list/item-list.less85
-rw-r--r--asset/css/list/item-table.less95
-rw-r--r--asset/css/list/list-item.less85
3 files changed, 265 insertions, 0 deletions
diff --git a/asset/css/list/item-list.less b/asset/css/list/item-list.less
new file mode 100644
index 0000000..c5c0bd2
--- /dev/null
+++ b/asset/css/list/item-list.less
@@ -0,0 +1,85 @@
+// Style
+
+.item-list {
+ list-style-type: none;
+}
+
+// Layout
+
+.item-list {
+ margin: 0;
+ padding: 0;
+
+ .list-item {
+ display: flex;
+
+ .main {
+ flex: 1 1 auto;
+ padding: .5em 0;
+ width: 0;
+ margin-left: .5em;
+ }
+
+ .visual {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ }
+
+ .caption {
+ height: 3em;
+ text-overflow: ellipsis;
+ overflow: hidden;
+
+ .line-clamp();
+
+ img {
+ max-height: 1em;
+ }
+ }
+
+ header {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ }
+
+ footer {
+ display: flex;
+ justify-content: space-between;
+ }
+ }
+
+ > .empty-state-bar {
+ margin: 0 1em;
+ }
+}
+
+.item-list.default-layout .list-item {
+ .title {
+ display: inline-flex;
+ align-items: baseline;
+ white-space: nowrap;
+ min-width: 0;
+
+ > * {
+ margin: 0 .28125em; // 0 calculated &nbsp; width
+
+ &:first-child {
+ margin-left: 0;
+ }
+
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+
+ .subject {
+ .text-ellipsis();
+ }
+ }
+}
+
+.controls .list-item:not(:last-child) {
+ margin-bottom: .5em;
+}
diff --git a/asset/css/list/item-table.less b/asset/css/list/item-table.less
new file mode 100644
index 0000000..68b7d2f
--- /dev/null
+++ b/asset/css/list/item-table.less
@@ -0,0 +1,95 @@
+// Style
+
+ul.item-table {
+ list-style-type: none;
+}
+
+.table-row {
+ color: @default-text-color-light;
+
+ .title {
+ .subject {
+ color: @default-text-color;
+ }
+
+ a {
+ font-weight: bold;
+
+ &:hover {
+ color: @list-item-title-hover-color;
+ text-decoration: none;
+ }
+ }
+ }
+}
+
+@media print {
+ .item-table li.page-break-follows:not(:last-of-type) {
+ .col {
+ border-bottom: none;
+ }
+
+ .visual {
+ margin-bottom: 0;
+ }
+ }
+}
+
+// Layout
+
+.table-row {
+ .title {
+ display: flex;
+
+ .visual {
+ width: 2.5em;
+ padding: .5em 0;
+ margin-top: -.5em;
+ margin-bottom: -.5em;
+ }
+
+ .content {
+ flex: 1 1 auto;
+ width: 0;
+
+ > * {
+ .text-ellipsis();
+ }
+ }
+ }
+
+ .col {
+ white-space: nowrap;
+ }
+}
+
+ul.item-table {
+ display: grid;
+
+ > .table-row {
+ .col:not(.title) {
+ display: grid;
+ align-items: center;
+ }
+ }
+}
+
+ul.item-table {
+ padding: 0;
+ margin: 0;
+}
+
+div.item-table {
+ > .empty-state-bar {
+ margin: 0 1em;
+ }
+}
+
+div.table-row {
+ display: flex;
+ column-gap: 1em;
+
+ .title {
+ flex: 1 1 auto;
+ }
+}
diff --git a/asset/css/list/list-item.less b/asset/css/list/list-item.less
new file mode 100644
index 0000000..56a43a3
--- /dev/null
+++ b/asset/css/list/list-item.less
@@ -0,0 +1,85 @@
+// Style
+
+.list-item {
+ color: @default-text-color-light;
+
+ &:not(:first-child) > .main {
+ border-top: 1px solid @list-item-separation-bg;
+ }
+
+ &:not(:first-child) .visual {
+ margin-top: 1px;
+ }
+
+ .caption {
+ i {
+ opacity: 0.8;
+ }
+
+ a {
+ color: @default-text-color;
+ }
+ }
+
+ .title {
+ .subject {
+ color: @default-text-color;
+ }
+
+ a {
+ color: @default-text-color;
+ font-weight: bold;
+
+ &:hover {
+ color: @list-item-title-hover-color;
+ text-decoration: none;
+ }
+ }
+ }
+
+ footer {
+ padding-top: .5em;
+ }
+}
+
+@media print {
+ .list-item.page-break-follows + .list-item {
+ .main {
+ border-top: 1px solid transparent;
+ }
+ }
+}
+
+// Layout
+
+.list-item {
+ .visual {
+ padding: .5em 0;
+ width: 2.5em;
+ }
+
+ .caption {
+ p {
+ display: inline-block;
+ }
+ }
+
+ .title {
+ margin-right: 1em;
+
+ p {
+ margin: 0;
+ }
+ }
+
+ time {
+ white-space: nowrap;
+ }
+
+ footer {
+ > * {
+ font-size: .857em;
+ line-height: 1.5*.857em;
+ }
+ }
+}