From 34c4da4d35d5975a57b0d8954e90983e10205c7d Mon Sep 17 00:00:00 2001 From: William Date: Wed, 6 Oct 2021 10:47:45 -0500 Subject: [PATCH 1/5] change component rREadMore to ShowMore --- .../src/_imports/components/c-read-more.css | 24 +++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css b/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css index a4c925a20..2d43a59d1 100644 --- a/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css +++ b/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css @@ -6,8 +6,8 @@ A CSS-only way to support a "Read More…" feature. It requires a container and - target text - toggle element -.c-read-more--one-line - Truncated text may only be one line tall. -.c-read-more--many-lines - Truncated text may be many lines tall. +.c-show-more--one-line - Truncated text may only be one line tall. +.c-show-more--many-lines - Truncated text may be many lines tall. Styleguide: Components.ReadMore */ @@ -16,35 +16,35 @@ Styleguide: Components.ReadMore /* Truncation */ /* Many Lines */ -.c-read-more--many-lines .c-read-more__target { +.c-show-more--many-lines .c-show-more__target { @extend .x-truncate--many-lines; } -.c-read-more--many-lines .c-read-more__state:checked ~ .c-read-more__target { +.c-show-more--many-lines .c-show-more__state:checked ~ .c-show-more__target { @extend .x-untruncate--many-lines; } /* One Line */ -.c-read-more--one-line .c-read-more__target { +.c-show-more--one-line .c-show-more__target { @extend .x-truncate--one-line; } -.c-read-more--one-line .c-read-more__state:checked ~ .c-read-more__target { +.c-show-more--one-line .c-show-more__state:checked ~ .c-show-more__target { @extend .x-untruncate--one-line; } /* Read More / Read Less */ /* State */ -.c-read-more__state, -.c-read-more__on-text, -.c-read-more__off-text { +.c-show-more__state, +.c-show-more__on-text, +.c-show-more__off-text { display: none; } -.c-read-more__state:not(:checked) ~ .c-read-more__toggle .c-read-more__on-text, -.c-read-more__state:checked ~ .c-read-more__toggle .c-read-more__off-text { +.c-show-more__state:not(:checked) ~ .c-show-more__toggle .c-show-more__on-text, +.c-show-more__state:checked ~ .c-show-more__toggle .c-show-more__off-text { display: block; } /* Toggle */ -.c-read-more__toggle { +.c-show-more__toggle { cursor: pointer; } From 618067d79d1a4de07a5e33aacae2e11fc7afc363 Mon Sep 17 00:00:00 2001 From: William Date: Wed, 6 Oct 2021 12:22:28 -0500 Subject: [PATCH 2/5] edit comments --- .../site_cms/css/src/_imports/components/c-read-more.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css b/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css index 2d43a59d1..422cc1adf 100644 --- a/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css +++ b/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css @@ -1,7 +1,7 @@ /* -Read More +Show More -A CSS-only way to support a "Read More…" feature. It requires a container and three children in order: +A CSS-only way to support a "Show More…" feature. It requires a container and three children in order: - state checkbox (must be first) - target text - toggle element @@ -31,7 +31,7 @@ Styleguide: Components.ReadMore @extend .x-untruncate--one-line; } -/* Read More / Read Less */ +/* Show More / Read Less */ /* State */ .c-show-more__state, From 796f66f4aaaccd3eb0fe54aca856a8fd15e0c04c Mon Sep 17 00:00:00 2001 From: William Kwon <34716439+williamkwon97@users.noreply.github.com> Date: Wed, 6 Oct 2021 13:08:02 -0500 Subject: [PATCH 3/5] Update taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css Co-authored-by: W. Bomar <62723358+tacc-wbomar@users.noreply.github.com> --- .../static/site_cms/css/src/_imports/components/c-read-more.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css b/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css index 422cc1adf..75b92503b 100644 --- a/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css +++ b/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css @@ -31,7 +31,7 @@ Styleguide: Components.ReadMore @extend .x-untruncate--one-line; } -/* Show More / Read Less */ +/* Show More / Show Less */ /* State */ .c-show-more__state, From 53380804b442354059d80c43ee2246720ba51d0d Mon Sep 17 00:00:00 2001 From: William Kwon <34716439+williamkwon97@users.noreply.github.com> Date: Wed, 6 Oct 2021 13:08:07 -0500 Subject: [PATCH 4/5] Update taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css Co-authored-by: W. Bomar <62723358+tacc-wbomar@users.noreply.github.com> --- .../static/site_cms/css/src/_imports/components/c-read-more.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css b/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css index 75b92503b..09a47df41 100644 --- a/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css +++ b/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css @@ -9,7 +9,7 @@ A CSS-only way to support a "Show More…" feature. It requires a container and .c-show-more--one-line - Truncated text may only be one line tall. .c-show-more--many-lines - Truncated text may be many lines tall. -Styleguide: Components.ReadMore +Styleguide: Components.ShowMore */ @import url("_imports/tools/x-truncate.css"); From 4a60248bdd9b7b8dbe487df531f70909eb6eab86 Mon Sep 17 00:00:00 2001 From: William Date: Wed, 6 Oct 2021 17:13:00 -0500 Subject: [PATCH 5/5] changed the file name to c-show-more --- .../src/_imports/components/{c-read-more.css => c-show-more.css} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename taccsite_cms/static/site_cms/css/src/_imports/components/{c-read-more.css => c-show-more.css} (100%) diff --git a/taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css b/taccsite_cms/static/site_cms/css/src/_imports/components/c-show-more.css similarity index 100% rename from taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css rename to taccsite_cms/static/site_cms/css/src/_imports/components/c-show-more.css