From 22a3a12a2fc7dcccced1e6c7563221d8cd8c24c1 Mon Sep 17 00:00:00 2001 From: Atomos821 Date: Thu, 26 Nov 2020 09:23:58 +0100 Subject: [PATCH] Added styling for list status indicator --- docs/assets/css/style.css | 23 ++++++------ docs/assets/css/style.css.map | 2 +- .../icons/baseline_expand_more_white_24dp.png | Bin 0 -> 184 bytes docs/assets/scss/style.scss | 34 ++++++++++-------- 4 files changed, 32 insertions(+), 27 deletions(-) create mode 100644 docs/assets/img/icons/baseline_expand_more_white_24dp.png diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css index dd86fb5..a2ddd52 100644 --- a/docs/assets/css/style.css +++ b/docs/assets/css/style.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Source+Sans+Pro:wght@400;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"); aki-button, @@ -286,24 +285,26 @@ main aside nav a:hover { main aside nav a.active { color: #ffc107; } -main aside nav .node.hide ul { - max-height: 0 !important; -} -main aside nav .node.hide div::after { - transform: rotate(-90deg); -} main aside nav .node div { + align-items: center; cursor: pointer; display: flex; + justify-content: space-between; } -main aside nav .node div::after { - content: "🔽"; - margin-right: 1rem; - text-align: right; +main aside nav .node div img { + display: block; + max-height: 1.5rem; + max-width: 1.5rem; } main aside nav .node ul { overflow: hidden; } +main aside nav .node.hide ul { + max-height: 0 !important; +} +main aside nav .node.hide div img { + transform: rotate(-90deg); +} main article { background: #1f1f1f; color: #fff; diff --git a/docs/assets/css/style.css.map b/docs/assets/css/style.css.map index 945e9f2..932d760 100644 --- a/docs/assets/css/style.css.map +++ b/docs/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/utils/theme.scss","../scss/style.scss","../scss/components/aki-button.scss","../scss/utils/elevation.scss","../scss/components/aki-card.scss","../scss/components/aki-divider.scss","../scss/components/aki-toolbar.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/utils/theme.scss","../scss/style.scss","../scss/components/aki-button.scss","../scss/utils/elevation.scss","../scss/components/aki-card.scss","../scss/components/aki-divider.scss","../scss/components/aki-toolbar.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/docs/assets/img/icons/baseline_expand_more_white_24dp.png b/docs/assets/img/icons/baseline_expand_more_white_24dp.png new file mode 100644 index 0000000000000000000000000000000000000000..9573f843b1fa5de2c600b24c52e076d88293e1f5 GIT binary patch literal 184 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpUtdQTU}kP61P=M6=f97T>^nAptm zCm>+Wl&PHzEG>`91NI%>lT<9K;yp>lbCMo=1;chxrgsO5%l{m#IO`(vKTT%$V^6hx zk8YYV&iON|Q>AWBc8U70k3U`P?dHEY{#^L)kD5jD@_thuf9{N`vAfuR9wzz2dk@e+ bm0E^heHOZEmw*2UI)%a0)z4*}Q$iB}QHV<8 literal 0 HcmV?d00001 diff --git a/docs/assets/scss/style.scss b/docs/assets/scss/style.scss index f9e0623..a081110 100644 --- a/docs/assets/scss/style.scss +++ b/docs/assets/scss/style.scss @@ -199,32 +199,36 @@ main { } } - // TODO: Redo list status indicator + animations + // TODO: Redo list status animations .node { - &.hide { - ul { - max-height: 0 !important; - } - - div::after { - transform: rotate(-90deg); - } - } - div { + align-items: center; cursor: pointer; display: flex; + justify-content: space-between; - &::after { - content: "🔽"; - margin-right: 1rem; - text-align: right; + img { + display: block; + max-height: 1.5rem; + max-width: 1.5rem; } } ul { overflow: hidden; } + + &.hide { + ul { + max-height: 0 !important; + } + + div { + img { + transform: rotate(-90deg); + } + } + } } } }