From 5a79795e4f3a6a3bc1826e73e21f1de8a2b27299 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 09:33:00 +1300 Subject: [PATCH 01/38] Indicate tags are clickable by cursor --- client/homebrew/pages/basePages/listPage/brewItem/brewItem.less | 1 + 1 file changed, 1 insertion(+) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less index e8c7aa39a..e7a9ad548 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less @@ -59,6 +59,7 @@ white-space: nowrap; display: inline-block; font-weight: bold; + cursor : pointer; } &:hover{ .links{ From c6821819c7af88187d68f006e0c99ddfde626c0f Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 09:36:17 +1300 Subject: [PATCH 02/38] Initial functionality pass on BrewItem --- .../pages/basePages/listPage/brewItem/brewItem.jsx | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx index 56c08e2af..41a7f07f8 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx @@ -20,7 +20,8 @@ const BrewItem = createClass({ authors : [], stubbed : true }, - reportError : ()=>{} + updateListFilter : ()=>{}, + reportError : ()=>{} }; }, @@ -44,6 +45,11 @@ const BrewItem = createClass({ }); }, + updateFilter : function(type, term){ + console.log(`BrewItem: TYPE: ${type}; TERM: ${term}`); + this.props.updateListFilter(type, term); + }, + renderDeleteBrewLink : function(){ if(!this.props.brew.editId) return; @@ -129,7 +135,7 @@ const BrewItem = createClass({ {brew.tags.map((tag, idx)=>{ const matches = tag.match(/^(?:([^:]+):)?([^:]+)$/); - return {matches[2]}; + return {this.updateFilter('tag', matches[2]);}}>{matches[2]}; })} : <> From 0762b82c402aed07a71904189841a1816553d441 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 09:46:02 +1300 Subject: [PATCH 03/38] Initial functionality of basic tag filtering --- .../pages/basePages/listPage/brewItem/brewItem.jsx | 2 +- client/homebrew/pages/basePages/listPage/listPage.jsx | 9 ++++++++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx index 41a7f07f8..c7f11d621 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx @@ -46,7 +46,7 @@ const BrewItem = createClass({ }, updateFilter : function(type, term){ - console.log(`BrewItem: TYPE: ${type}; TERM: ${term}`); + // console.log(`BrewItem: TYPE: ${type}; TERM: ${term}`); this.props.updateListFilter(type, term); }, diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx index 2696d4e7a..bebd0b002 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.jsx +++ b/client/homebrew/pages/basePages/listPage/listPage.jsx @@ -82,7 +82,7 @@ const ListPage = createClass({ if(!brews || !brews.length) return
No Brews.
; return _.map(brews, (brew, idx)=>{ - return ; + return ; }); }, @@ -129,6 +129,7 @@ const ListPage = createClass({ }, handleFilterTextChange : function(e){ + // console.log(e); this.setState({ filterString : e.target.value, }); @@ -136,6 +137,12 @@ const ListPage = createClass({ return; }, + updateListFilter : function(type, term){ + // console.log(`ListPage: TYPE: ${type}; TERM: ${term}`); + const e = { target: { value: term } }; + this.handleFilterTextChange(e); + }, + updateUrl : function(filterTerm, sortType, sortDir){ const url = new URL(window.location.href); const urlParams = new URLSearchParams(url.search); From 6dcc6d36b725fbb3af8488537ace8679eca2f7b8 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 12:23:39 +1300 Subject: [PATCH 04/38] Add separate tag filter --- .../pages/basePages/listPage/listPage.jsx | 31 ++++++++++++++++--- 1 file changed, 27 insertions(+), 4 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx index bebd0b002..51af85cdb 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.jsx +++ b/client/homebrew/pages/basePages/listPage/listPage.jsx @@ -36,6 +36,7 @@ const ListPage = createClass({ return { filterString : this.props.query?.filter || '', + filterTags : [], sortType : this.props.query?.sort || null, sortDir : this.props.query?.dir || null, query : this.props.query, @@ -138,18 +139,31 @@ const ListPage = createClass({ }, updateListFilter : function(type, term){ - // console.log(`ListPage: TYPE: ${type}; TERM: ${term}`); - const e = { target: { value: term } }; - this.handleFilterTextChange(e); + this.updateUrl(this.state.filterString, this.state.sortType, this.state.sortDir, term); }, - updateUrl : function(filterTerm, sortType, sortDir){ + updateUrl : function(filterTerm, sortType, sortDir, filterTag=''){ const url = new URL(window.location.href); const urlParams = new URLSearchParams(url.search); urlParams.set('sort', sortType); urlParams.set('dir', sortDir); + let filterTags = urlParams.getAll('tag'); + if(filterTag != '') { + if(!filterTags.includes(filterTag)){ + filterTags.push(filterTag); + } else { + filterTags = filterTags.filter((tag)=>{ return tag != filterTag; }); + } + } + urlParams.delete('tag'); + filterTags.forEach((tag)=>{ urlParams.append('tag', tag); }); + + this.setState({ + filterTags + }); + if(!filterTerm) urlParams.delete('filter'); else @@ -201,6 +215,15 @@ const ListPage = createClass({ return brewStrings.includes(testString); }); + + if(this.state.filterTags.length > 0) { + brews = _.filter(brews, (brew)=>{ + return this.state.filterTags.some((tag)=>{ + return brew.tags?.includes(tag); + }); + }); + } + return _.orderBy(brews, (brew)=>{ return this.sortBrewOrder(brew); }, this.state.sortDir); }, From 041c7ed48f6126ca89f8780a2332952a35129df7 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 12:48:20 +1300 Subject: [PATCH 05/38] Shift to AND operation for multiple tags --- client/homebrew/pages/basePages/listPage/listPage.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx index 51af85cdb..e37fee8e5 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.jsx +++ b/client/homebrew/pages/basePages/listPage/listPage.jsx @@ -218,7 +218,7 @@ const ListPage = createClass({ if(this.state.filterTags.length > 0) { brews = _.filter(brews, (brew)=>{ - return this.state.filterTags.some((tag)=>{ + return this.state.filterTags.every((tag)=>{ return brew.tags?.includes(tag); }); }); From 632882d370241fc066fd42a4c752b2cd8974ad4d Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 16:02:36 +1300 Subject: [PATCH 06/38] Use the whole tag in the tag filter --- client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx index c7f11d621..eb8909737 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx @@ -135,7 +135,7 @@ const BrewItem = createClass({ {brew.tags.map((tag, idx)=>{ const matches = tag.match(/^(?:([^:]+):)?([^:]+)$/); - return {this.updateFilter('tag', matches[2]);}}>{matches[2]}; + return {this.updateFilter('tag', tag);}}>{matches[2]}; })} : <> From 6c4dad675f608a873bb69f4257b66cf32beac7ad Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 16:34:12 +1300 Subject: [PATCH 07/38] Switch to case-insensitive tag comparison --- .../pages/basePages/listPage/listPage.jsx | 22 ++++++++++++------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx index e37fee8e5..499bbfb5b 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.jsx +++ b/client/homebrew/pages/basePages/listPage/listPage.jsx @@ -207,22 +207,28 @@ const ListPage = createClass({ const testString = _.deburr(this.state.filterString).toLowerCase(); brews = _.filter(brews, (brew)=>{ + // Filter by user entered text const brewStrings = _.deburr([ brew.title, brew.description, brew.tags].join('\n') .toLowerCase()); - return brewStrings.includes(testString); - }); + const filterTextTest = brewStrings.includes(testString); - if(this.state.filterTags.length > 0) { - brews = _.filter(brews, (brew)=>{ - return this.state.filterTags.every((tag)=>{ - return brew.tags?.includes(tag); + // Filter by user selected tags + let filterTagTest = true; + if(this.state.filterTags.length > 0){ + filterTagTest = this.state.filterTags.every((tag)=>{ + if(typeof brew.tags == 'string') return false; + return brew.tags.findIndex((brewTag)=>{ + return brewTag.toLowerCase() == tag.toLowerCase(); + }) >= 0; }); - }); - } + } + + return filterTextTest && filterTagTest; + }); return _.orderBy(brews, (brew)=>{ return this.sortBrewOrder(brew); }, this.state.sortDir); }, From 875e1023fc9dc596482ac1c15c97f9f95a139fc1 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 17:09:33 +1300 Subject: [PATCH 08/38] Add styling for different tag types --- .../basePages/listPage/brewItem/brewItem.less | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less index e7a9ad548..c96732799 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less @@ -60,6 +60,26 @@ display: inline-block; font-weight: bold; cursor : pointer; + &.type { + background-color: #0080003b; + color: #008000; + border-color: #008000; + } + &.group { + background-color: #5050503b; + color: #000000; + border-color: #000000; + } + &.meta { + background-color: #0000803b; + color: #000080; + border-color: #000080; + } + &.system { + background-color: #8000003b; + color: #800000; + border-color: #800000; + } } &:hover{ .links{ From 995d1c63d8742734fdc97c58c1ecd542e710dbb6 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 17:17:03 +1300 Subject: [PATCH 09/38] Make tag removal from URL case insensitive --- client/homebrew/pages/basePages/listPage/listPage.jsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx index 499bbfb5b..4cc079e52 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.jsx +++ b/client/homebrew/pages/basePages/listPage/listPage.jsx @@ -151,10 +151,10 @@ const ListPage = createClass({ let filterTags = urlParams.getAll('tag'); if(filterTag != '') { - if(!filterTags.includes(filterTag)){ + if(filterTags.findIndex((tag)=>{return tag.toLowerCase()==filterTag.toLowerCase();}) == -1){ filterTags.push(filterTag); } else { - filterTags = filterTags.filter((tag)=>{ return tag != filterTag; }); + filterTags = filterTags.filter((tag)=>{ return tag.toLowerCase() != filterTag.toLowerCase(); }); } } urlParams.delete('tag'); From 9e12ab71f84bde4e05b59bf8c022ca7303d134b3 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 17:46:55 +1300 Subject: [PATCH 10/38] Switch to better brew.tags array check --- client/homebrew/pages/basePages/listPage/listPage.jsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx index 4cc079e52..f5c7e6e5d 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.jsx +++ b/client/homebrew/pages/basePages/listPage/listPage.jsx @@ -219,8 +219,8 @@ const ListPage = createClass({ // Filter by user selected tags let filterTagTest = true; if(this.state.filterTags.length > 0){ - filterTagTest = this.state.filterTags.every((tag)=>{ - if(typeof brew.tags == 'string') return false; + filterTagTest = this.state.filterTags?.every((tag)=>{ + if(!Array.isArray(brew.tags)) return false; return brew.tags.findIndex((brewTag)=>{ return brewTag.toLowerCase() == tag.toLowerCase(); }) >= 0; From ab8716d071f4657a645a66ce1b94cedba551665a Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 18:40:20 +1300 Subject: [PATCH 11/38] Add icons before special tags --- .../basePages/listPage/brewItem/brewItem.less | 24 +++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less index c96732799..c634fa2d1 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less @@ -64,21 +64,45 @@ background-color: #0080003b; color: #008000; border-color: #008000; + &:before{ + content: '\f0ad'; + font-family: 'Font Awesome 5 Free'; + font-size: 12px; + margin-right: 3px; + } } &.group { background-color: #5050503b; color: #000000; border-color: #000000; + &:before{ + content: '\f500'; + font-family: 'Font Awesome 5 Free'; + font-size: 12px; + margin-right: 3px; + } } &.meta { background-color: #0000803b; color: #000080; border-color: #000080; + &:before{ + content: '\f05a'; + font-family: 'Font Awesome 5 Free'; + font-size: 12px; + margin-right: 3px; + } } &.system { background-color: #8000003b; color: #800000; border-color: #800000; + &:before{ + content: '\f518'; + font-family: 'Font Awesome 5 Free'; + font-size: 12px; + margin-right: 3px; + } } } &:hover{ From cfecc001aa01dfce4c5d6c5b59e9dd069af4b111 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 3 Dec 2023 19:14:20 +1300 Subject: [PATCH 12/38] Add brew tag sorting --- client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx index eb8909737..f81d3816b 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx @@ -115,6 +115,9 @@ const BrewItem = createClass({ const brew = this.props.brew; if(Array.isArray(brew.tags)) { // temporary fix until dud tags are cleaned brew.tags = brew.tags?.filter((tag)=>tag); //remove tags that are empty strings + brew.tags.sort((a, b)=>{ + return a.indexOf(':') - b.indexOf(':') != 0 ? a.indexOf(':') - b.indexOf(':') : a.localeCompare(b); + }); } const dateFormatString = 'YYYY-MM-DD HH:mm:ss'; From 7e98f7941650fb728a5e1ff1f0f7a7844a1cb89f Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Mon, 4 Dec 2023 07:53:49 +1300 Subject: [PATCH 13/38] Make alphabetical tag sorting case insensitive --- client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx index f81d3816b..bdbf269f9 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx @@ -116,7 +116,7 @@ const BrewItem = createClass({ if(Array.isArray(brew.tags)) { // temporary fix until dud tags are cleaned brew.tags = brew.tags?.filter((tag)=>tag); //remove tags that are empty strings brew.tags.sort((a, b)=>{ - return a.indexOf(':') - b.indexOf(':') != 0 ? a.indexOf(':') - b.indexOf(':') : a.localeCompare(b); + return a.indexOf(':') - b.indexOf(':') != 0 ? a.indexOf(':') - b.indexOf(':') : a.toLowerCase().localeCompare(b.toLowerCase()); }); } const dateFormatString = 'YYYY-MM-DD HH:mm:ss'; From 2c997458b29fe620f92fc3c4c4ee4fad54dbb74e Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Mon, 4 Dec 2023 07:54:19 +1300 Subject: [PATCH 14/38] Simplify filter tag test --- client/homebrew/pages/basePages/listPage/listPage.jsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx index f5c7e6e5d..475172d5a 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.jsx +++ b/client/homebrew/pages/basePages/listPage/listPage.jsx @@ -219,8 +219,7 @@ const ListPage = createClass({ // Filter by user selected tags let filterTagTest = true; if(this.state.filterTags.length > 0){ - filterTagTest = this.state.filterTags?.every((tag)=>{ - if(!Array.isArray(brew.tags)) return false; + filterTagTest = Array.isArray(brew.tags) && this.state.filterTags?.every((tag)=>{ return brew.tags.findIndex((brewTag)=>{ return brewTag.toLowerCase() == tag.toLowerCase(); }) >= 0; From efecfac68afed103452beb04e791f5673f62842a Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Mon, 4 Dec 2023 08:10:32 +1300 Subject: [PATCH 15/38] Simplify tag styling --- .../basePages/listPage/brewItem/brewItem.less | 17 +++++------------ 1 file changed, 5 insertions(+), 12 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less index c634fa2d1..a8bc4473c 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less @@ -60,15 +60,17 @@ display: inline-block; font-weight: bold; cursor : pointer; + &:before { + font-family: 'Font Awesome 5 Free'; + font-size: 12px; + margin-right: 3px; + } &.type { background-color: #0080003b; color: #008000; border-color: #008000; &:before{ content: '\f0ad'; - font-family: 'Font Awesome 5 Free'; - font-size: 12px; - margin-right: 3px; } } &.group { @@ -77,9 +79,6 @@ border-color: #000000; &:before{ content: '\f500'; - font-family: 'Font Awesome 5 Free'; - font-size: 12px; - margin-right: 3px; } } &.meta { @@ -88,9 +87,6 @@ border-color: #000080; &:before{ content: '\f05a'; - font-family: 'Font Awesome 5 Free'; - font-size: 12px; - margin-right: 3px; } } &.system { @@ -99,9 +95,6 @@ border-color: #800000; &:before{ content: '\f518'; - font-family: 'Font Awesome 5 Free'; - font-size: 12px; - margin-right: 3px; } } } From d262f586fcfd4b69f28a468425ae3a3c53bd45f1 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Mon, 4 Dec 2023 21:45:59 +1300 Subject: [PATCH 16/38] Add basic selected tags display to List Page --- .../pages/basePages/listPage/listPage.jsx | 20 +++++- .../pages/basePages/listPage/listPage.less | 69 ++++++++++++++++++- 2 files changed, 85 insertions(+), 4 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx index 475172d5a..441fb828f 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.jsx +++ b/client/homebrew/pages/basePages/listPage/listPage.jsx @@ -158,7 +158,12 @@ const ListPage = createClass({ } } urlParams.delete('tag'); + // Add tags to URL in the order they were clicked filterTags.forEach((tag)=>{ urlParams.append('tag', tag); }); + // Sort tags before updating state + filterTags.sort((a, b)=>{ + return a.indexOf(':') - b.indexOf(':') != 0 ? a.indexOf(':') - b.indexOf(':') : a.toLowerCase().localeCompare(b.toLowerCase()); + }); this.setState({ filterTags @@ -187,6 +192,17 @@ const ListPage = createClass({ ; }, + renderTagsOptions : function(){ + if(this.state.filterTags?.length == 0) return; + console.log('renderTags'); + return
+ {_.map(this.state.filterTags, (tag, idx)=>{ + const matches = tag.match(/^(?:([^:]+):)?([^:]+)$/); + return {this.updateListFilter('tag', tag);}}>{matches[2]}; + })} +
; + }, + renderSortOptions : function(){ return
Sort by :
@@ -197,9 +213,6 @@ const ListPage = createClass({ {/* {this.renderSortOption('Latest', 'latest')} */} {this.renderFilterOption()} - - -
; }, @@ -258,6 +271,7 @@ const ListPage = createClass({ {this.props.navItems} {this.renderSortOptions()} + {this.renderTagsOptions()}
diff --git a/client/homebrew/pages/basePages/listPage/listPage.less b/client/homebrew/pages/basePages/listPage/listPage.less index bcffbf3e7..e2e079f24 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.less +++ b/client/homebrew/pages/basePages/listPage/listPage.less @@ -52,7 +52,7 @@ } } } - .sort-container{ + .sort-container { font-family : 'Open Sans', sans-serif; position : sticky; top : 0; @@ -124,4 +124,71 @@ } + .tags-container { + font-family : 'Open Sans', sans-serif; + position : sticky; + top : 0; + left : 0; + width : 100%; + height : 30px; + background-color : #555; + border-top : 1px solid #666; + border-bottom : 1px solid #666; + color : white; + text-align : center; + z-index : 1; + display : flex; + justify-content : center; + align-items : center; + column-gap : 15px; + row-gap : 5px; + flex-wrap : wrap; + span { + text-transform : uppercase; + font-family : 'Open Sans', sans-serif; + font-size : 11px; + font-weight : bold; + border : 1px solid; + border-radius : 3px; + padding : 3px; + cursor : pointer; + &:before { + font-family: 'Font Awesome 5 Free'; + font-size: 12px; + margin-right: 3px; + } + &.type { + background-color: #0080003b; + color: #008000; + border-color: #008000; + &:before{ + content: '\f0ad'; + } + } + &.group { + background-color: #5050503b; + color: #000000; + border-color: #000000; + &:before{ + content: '\f500'; + } + } + &.meta { + background-color: #0000803b; + color: #000080; + border-color: #000080; + &:before{ + content: '\f05a'; + } + } + &.system { + background-color: #8000003b; + color: #800000; + border-color: #800000; + &:before{ + content: '\f518'; + } + } + } + } } From 34be05ac51cb746a8e2791c19d67518563214b4d Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Tue, 5 Dec 2023 10:00:25 +1300 Subject: [PATCH 17/38] Add X icon to tag window --- .../pages/basePages/listPage/listPage.less | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.less b/client/homebrew/pages/basePages/listPage/listPage.less index e2e079f24..3b31e7d63 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.less +++ b/client/homebrew/pages/basePages/listPage/listPage.less @@ -157,10 +157,17 @@ font-size: 12px; margin-right: 3px; } + &:after { + content: '\f00d'; + font-family: 'Font Awesome 5 Free'; + font-size: 12px; + margin-left: 3px; + color: #dfdfdf; + } &.type { background-color: #0080003b; - color: #008000; - border-color: #008000; + color: #00d000; + border-color: #00a000; &:before{ content: '\f0ad'; } @@ -175,16 +182,16 @@ } &.meta { background-color: #0000803b; - color: #000080; - border-color: #000080; + color: #0000d0; + border-color: #0000a0; &:before{ content: '\f05a'; } } &.system { background-color: #8000003b; - color: #800000; - border-color: #800000; + color: #d00000; + border-color: #a00000; &:before{ content: '\f518'; } From 2f13b895105dd9d15baff6aca2de6bc22c915de9 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Tue, 5 Dec 2023 12:41:27 +1300 Subject: [PATCH 18/38] Styling tweak --- .../pages/basePages/listPage/listPage.less | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.less b/client/homebrew/pages/basePages/listPage/listPage.less index 3b31e7d63..2343141c4 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.less +++ b/client/homebrew/pages/basePages/listPage/listPage.less @@ -152,6 +152,7 @@ border-radius : 3px; padding : 3px; cursor : pointer; + color: #dfdfdf; &:before { font-family: 'Font Awesome 5 Free'; font-size: 12px; @@ -162,35 +163,30 @@ font-family: 'Font Awesome 5 Free'; font-size: 12px; margin-left: 3px; - color: #dfdfdf; } &.type { - background-color: #0080003b; - color: #00d000; + background-color: #008000; border-color: #00a000; &:before{ content: '\f0ad'; } } &.group { - background-color: #5050503b; - color: #000000; + background-color: #505050; border-color: #000000; &:before{ content: '\f500'; } } &.meta { - background-color: #0000803b; - color: #0000d0; + background-color: #000080; border-color: #0000a0; &:before{ content: '\f05a'; } } &.system { - background-color: #8000003b; - color: #d00000; + background-color: #800000; border-color: #a00000; &:before{ content: '\f518'; From 75809a5f425137e3f880e0522019b3b16d2a6153 Mon Sep 17 00:00:00 2001 From: Sean Robertson Date: Wed, 6 Dec 2023 08:28:51 +1300 Subject: [PATCH 19/38] Remove forced uppercase --- client/homebrew/pages/basePages/listPage/listPage.less | 1 - 1 file changed, 1 deletion(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.less b/client/homebrew/pages/basePages/listPage/listPage.less index 2343141c4..eb0f11d64 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.less +++ b/client/homebrew/pages/basePages/listPage/listPage.less @@ -144,7 +144,6 @@ row-gap : 5px; flex-wrap : wrap; span { - text-transform : uppercase; font-family : 'Open Sans', sans-serif; font-size : 11px; font-weight : bold; From d5980cba89f7e3403624086f8637459591136c4f Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Tue, 19 Dec 2023 17:44:43 +1300 Subject: [PATCH 20/38] Initial DiceFont commit --- themes/fonts/5e/dicefont.less | 118 +++++++++++++++++++++++++++++++++ themes/fonts/5e/dicefont.woff | Bin 0 -> 5436 bytes themes/fonts/5e/dicefont.woff2 | Bin 0 -> 3948 bytes themes/fonts/5e/fonts.less | 2 + 4 files changed, 120 insertions(+) create mode 100644 themes/fonts/5e/dicefont.less create mode 100644 themes/fonts/5e/dicefont.woff create mode 100644 themes/fonts/5e/dicefont.woff2 diff --git a/themes/fonts/5e/dicefont.less b/themes/fonts/5e/dicefont.less new file mode 100644 index 000000000..031fcc600 --- /dev/null +++ b/themes/fonts/5e/dicefont.less @@ -0,0 +1,118 @@ +/* + Icon Font: dicefont +*/ +@font-face { + font-family: 'DiceFont'; + src: url('../../../fonts/5e/dicefont.woff2') format('woff2'), + url('../../../fonts/5e/dicefont.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + +.df { + display: inline-block; + font-family: 'DiceFont'; + font-style: normal; + font-weight: normal; + font-variant: normal; + line-height: 1; + text-decoration: inherit; + text-rendering: optimizeLegibility; + text-transform: none; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-smooth: antialiased; + &.df-F:before { content: '\f190'; } + &.df-F-minus:before { content: '\f191'; } + &.df-F-plus:before { content: '\f192'; } + &.df-F-zero:before { content: '\f193'; } + &.df-d10:before { content: '\f194'; } + &.df-d10-0:before { content: '\f100'; } + &.df-d10-1:before { content: '\f101'; } + &.df-d10-10:before { content: '\f102'; } + &.df-d10-2:before { content: '\f103'; } + &.df-d10-3:before { content: '\f104'; } + &.df-d10-4:before { content: '\f105'; } + &.df-d10-5:before { content: '\f106'; } + &.df-d10-6:before { content: '\f107'; } + &.df-d10-7:before { content: '\f108'; } + &.df-d10-8:before { content: '\f109'; } + &.df-d10-9:before { content: '\f10a'; } + &.df-d12:before { content: '\f195'; } + &.df-d12-1:before { content: '\f10b'; } + &.df-d12-10:before { content: '\f10c'; } + &.df-d12-11:before { content: '\f10d'; } + &.df-d12-12:before { content: '\f10e'; } + &.df-d12-2:before { content: '\f10f'; } + &.df-d12-3:before { content: '\f110'; } + &.df-d12-4:before { content: '\f111'; } + &.df-d12-5:before { content: '\f112'; } + &.df-d12-6:before { content: '\f113'; } + &.df-d12-7:before { content: '\f114'; } + &.df-d12-8:before { content: '\f115'; } + &.df-d12-9:before { content: '\f116'; } + &.df-d2:before { content: '\f196'; } + &.df-d2-1:before { content: '\f117'; } + &.df-d2-2:before { content: '\f118'; } + &.df-d20:before { content: '\f197'; } + &.df-d20-1:before { content: '\f119'; } + &.df-d20-10:before { content: '\f11a'; } + &.df-d20-11:before { content: '\f11b'; } + &.df-d20-12:before { content: '\f11c'; } + &.df-d20-13:before { content: '\f11d'; } + &.df-d20-14:before { content: '\f11e'; } + &.df-d20-15:before { content: '\f11f'; } + &.df-d20-16:before { content: '\f120'; } + &.df-d20-17:before { content: '\f121'; } + &.df-d20-18:before { content: '\f122'; } + &.df-d20-19:before { content: '\f123'; } + &.df-d20-2:before { content: '\f124'; } + &.df-d20-20:before { content: '\f125'; } + &.df-d20-3:before { content: '\f126'; } + &.df-d20-4:before { content: '\f127'; } + &.df-d20-5:before { content: '\f128'; } + &.df-d20-6:before { content: '\f129'; } + &.df-d20-7:before { content: '\f12a'; } + &.df-d20-8:before { content: '\f12b'; } + &.df-d20-9:before { content: '\f12c'; } + &.df-d4:before { content: '\f198'; } + &.df-d4-1:before { content: '\f12d'; } + &.df-d4-2:before { content: '\f12e'; } + &.df-d4-3:before { content: '\f12f'; } + &.df-d4-4:before { content: '\f130'; } + &.df-d6:before { content: '\f199'; } + &.df-d6-1:before { content: '\f131'; } + &.df-d6-2:before { content: '\f132'; } + &.df-d6-3:before { content: '\f133'; } + &.df-d6-4:before { content: '\f134'; } + &.df-d6-5:before { content: '\f135'; } + &.df-d6-6:before { content: '\f136'; } + &.df-d8:before { content: '\f19a'; } + &.df-d8-1:before { content: '\f137'; } + &.df-d8-2:before { content: '\f138'; } + &.df-d8-3:before { content: '\f139'; } + &.df-d8-4:before { content: '\f13a'; } + &.df-d8-5:before { content: '\f13b'; } + &.df-d8-6:before { content: '\f13c'; } + &.df-d8-7:before { content: '\f13d'; } + &.df-d8-8:before { content: '\f13e'; } + &.df-dot-d6:before { content: '\f19b'; } + &.df-dot-d6-1:before { content: '\f13f'; } + &.df-dot-d6-2:before { content: '\f140'; } + &.df-dot-d6-3:before { content: '\f141'; } + &.df-dot-d6-4:before { content: '\f142'; } + &.df-dot-d6-5:before { content: '\f143'; } + &.df-dot-d6-6:before { content: '\f18f'; } + &.df-small-dot-d6-1:before { content: '\f183'; } + &.df-small-dot-d6-2:before { content: '\f184'; } + &.df-small-dot-d6-3:before { content: '\f185'; } + &.df-small-dot-d6-4:before { content: '\f186'; } + &.df-small-dot-d6-5:before { content: '\f187'; } + &.df-small-dot-d6-6:before { content: '\f188'; } + &.df-solid-small-dot-d6-1:before { content: '\f189'; } + &.df-solid-small-dot-d6-2:before { content: '\f18a'; } + &.df-solid-small-dot-d6-3:before { content: '\f18b'; } + &.df-solid-small-dot-d6-4:before { content: '\f18c'; } + &.df-solid-small-dot-d6-5:before { content: '\f18d'; } + &.df-solid-small-dot-d6-6:before { content: '\f18e'; } +} \ No newline at end of file diff --git a/themes/fonts/5e/dicefont.woff b/themes/fonts/5e/dicefont.woff new file mode 100644 index 0000000000000000000000000000000000000000..d6f54f38e4ed8cac6ca23368944b9556a4e4f0a4 GIT binary patch literal 5436 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 literal 0 HcmV?d00001 diff --git a/themes/fonts/5e/dicefont.woff2 b/themes/fonts/5e/dicefont.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..342bf7d95d5734c1e1550c568797e7fbcad61707 GIT binary patch literal 3948 zcmV-y50mhBPew8T0RR9101s>c4FCWD08`)q01pxX0RR9100000000000000000000 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 Date: Tue, 19 Dec 2023 17:48:23 +1300 Subject: [PATCH 21/38] Add DiceFont license file --- themes/fonts/5e/dicefont_license.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 themes/fonts/5e/dicefont_license.md diff --git a/themes/fonts/5e/dicefont_license.md b/themes/fonts/5e/dicefont_license.md new file mode 100644 index 000000000..edfbd926d --- /dev/null +++ b/themes/fonts/5e/dicefont_license.md @@ -0,0 +1,18 @@ +# License + +DiceFont is open source. You can use it for commercial projects, personal +projects or open source projects. + +## Font License + +Applies to all desktop and webfont files: [License: SIL OFL 1.1](http://scripts.sil.org/OFL) + +## Code License + +Applies to all CSS and LESS files: [License: MIT License](http://opensource.org/licenses/mit-license.html) + +## Documentation License + +Applies to all other files [CC BY 3.0](http://creativecommons.org/licenses/by/3.0/) + +Copyright [Franco Ponticelli](https://github.com/fponticelli). From 26a41e6262dfb43a971da8d5e0540a50a68ff8ab Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?= Date: Thu, 8 Feb 2024 11:33:11 +0100 Subject: [PATCH 22/38] FA to 6.5.1 --- client/homebrew/brewRenderer/brewRenderer.jsx | 2 +- client/template.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/client/homebrew/brewRenderer/brewRenderer.jsx b/client/homebrew/brewRenderer/brewRenderer.jsx index 9208a2b90..c32d5fa52 100644 --- a/client/homebrew/brewRenderer/brewRenderer.jsx +++ b/client/homebrew/brewRenderer/brewRenderer.jsx @@ -20,7 +20,7 @@ const PAGE_HEIGHT = 1056; const INITIAL_CONTENT = dedent` - + diff --git a/client/template.js b/client/template.js index e8ac8e22f..43e17b27d 100644 --- a/client/template.js +++ b/client/template.js @@ -12,7 +12,7 @@ const template = async function(name, title='', props = {}){ - + From 323d84974c09a72cc151f537f0046686e3d5dfd1 Mon Sep 17 00:00:00 2001 From: Gazook89 Date: Sat, 10 Feb 2024 22:29:16 -0600 Subject: [PATCH 23/38] Combine nav and navbar styles - moves all the nav.less styling to navbar.less in the `client` directory - deletes nav.less - changes the nav.jsx import of styles to navbar.less - stylelint navbar.less - added a couple comments about easy future changes. --- client/homebrew/navbar/navbar.less | 584 ++++++++++++++++------------- shared/naturalcrit/nav/nav.jsx | 2 +- shared/naturalcrit/nav/nav.less | 97 ----- 3 files changed, 332 insertions(+), 351 deletions(-) delete mode 100644 shared/naturalcrit/nav/nav.less diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less index 036f52cf4..73671abbb 100644 --- a/client/homebrew/navbar/navbar.less +++ b/client/homebrew/navbar/navbar.less @@ -1,65 +1,339 @@ @import "naturalcrit/styles/colors.less"; + @navbarHeight : 28px; + @keyframes pinkColoring { - 0% {color : pink;} - 50% {color : pink;} - 75% {color : red;} - 100% {color : pink;} + 0% { color : pink; } + 50% { color : pink; } + 75% { color : red; } + 100% { color : pink; } } -.homebrew nav { - .homebrewLogo { - .animate(color); - font-family : CodeBold; - font-size : 12px; - color : white; - div { - margin-top : 2px; - margin-bottom : -2px; - } - &:hover { - color : @blue; - } + +@keyframes glideDropDown { + 0% { + background-color : #333333; + opacity : 0; + transform : translate(0px, -100%); } - .editTitle.navItem { - padding : 2px 12px; - input { - font-family : "Open Sans", sans-serif; - font-size : 12px; - font-weight : 800; - width : 250px; - margin : 0; - padding : 2px; - text-align : center; - color : white; - border : 1px solid @blue; - outline : none; - background-color : transparent; - } - .charCount { - display : inline-block; - margin-left : 8px; - text-align : right; - vertical-align : bottom; - color : #666; - &.max { - color : @red; + 100% { + background-color : #333333; + opacity : 1; + transform : translate(0px, 0px); + } +} + +.homebrew nav { + background-color : #333333; + .navContent { + position : relative; + z-index : 2; + display : flex; + justify-content : space-between; + .navSection { + display : flex; + align-items : center; + // "NaturalCrit" logo + .navLogo { + display : block; + margin-top : 0px; + margin-right : 8px; + margin-left : 8px; + color : white; + text-decoration : none; + &:hover { + .name { color : @orange; } + svg { fill : @orange; } + } + svg { + height : 13px; + margin-right : 0.2em; + cursor : pointer; + fill : white; + } + span.name { + font-family : 'CodeLight'; + font-size : 15px; + span.crit { font-family : 'CodeBold'; } + small { + font-family : 'Open Sans'; + font-size : 0.3em; + font-weight : 800; + text-transform : uppercase; + } + } + } + &:last-child .navItem { border-left : 1px solid #666666; } + .navItem { + #backgroundColorsHover; + .animate(background-color); + padding : 8px 12px; + font-size : 10px; + font-weight : 800; + line-height : 13px; + color : white; + text-decoration : none; + text-transform : uppercase; + cursor : pointer; + background-color : #333333; + i { + float : right; + margin-left : 5px; + font-size : 13px; + } + &.patreon { + border-right : 1px solid #666666; + border-left : 1px solid #666666; + &:hover i { color : red; } + i { + color : pink; + .animate(color); + animation-name : pinkColoring; + animation-duration : 2s; + } + } + &.editTitle { // this is not needed at all currently - you used to be able to edit the title via the navbar. + padding : 2px 12px; + input { + width : 250px; + padding : 2px; + margin : 0; + font-family : 'Open Sans', sans-serif; + font-size : 12px; + font-weight : 800; + color : white; + text-align : center; + background-color : transparent; + border : 1px solid @blue; + outline : none; + } + .charCount { + display : inline-block; + margin-left : 8px; + color : #666666; + text-align : right; + vertical-align : bottom; + &.max { color : @red; } + } + } + &.brewTitle { + flex-grow : 1; + font-size : 12px; + font-weight : 800; + color : white; + text-align : center; + text-transform : initial; + background-color : transparent; + } + // "The Homebrewery" logo + &.homebrewLogo { + .animate(color); + font-family : 'CodeBold'; + font-size : 12px; + color : white; + div { + margin-top : 2px; + margin-bottom : -2px; + } + &:hover { color : @blue; } + } + &.metadata { + position : relative; + display : flex; + flex-grow : 1; + align-items : center; + height : 100%; + padding : 0; + i { margin-right : 10px;} + .window { + position : absolute; + bottom : 0; + left : 50%; + z-index : -1; + display : flex; + flex-flow : row wrap; + align-content : baseline; + justify-content : flex-start; + width : 440px; + max-height : ~"calc(100vh - 28px)"; + padding : 0 10px 5px; + margin : 0 auto; + background-color : #333333; + border : 3px solid #444444; + border-top : unset; + border-radius : 0 0 5px 5px; + box-shadow : inset 0 7px 9px -7px #111111; + transition : transform 0.4s, opacity 0.4s; + &.active { + opacity : 1; + transform : translateX(-50%) translateY(100%); + } + &.inactive { + opacity : 0; + transform : translateX(-50%) translateY(0%); + } + .row { + display : flex; + flex-flow : row wrap; + width : 100%; + h4 { + box-sizing : border-box; + display : block; + flex-basis : 20%; + flex-grow : 1; + min-width : 76px; + padding : 5px 0; + color : #BBBBBB; + text-align : center; + } + p { + flex-basis : 80%; + flex-grow : 1; + padding : 5px 0; + font-family : 'Open Sans', sans-serif; + font-size : 10px; + font-weight : normal; + text-transform : initial; + .tag { + display : inline-block; + padding : 2px; + margin : 2px 2px; + background-color : #444444; + border : 2px solid grey; + border-radius : 5px; + } + a.userPageLink { + color : white; + text-decoration : none; + &:hover { text-decoration : underline; } + } + } + &:nth-of-type(even) { background-color : #555555; } + } + } + } + &.warning { + position : relative; + color : white; + background-color : @orange; + &:hover > .dropdown { visibility : visible; } + .dropdown { + position : absolute; + top : 28px; + left : 0; + z-index : 10000; + box-sizing : border-box; + display : block; + width : 100%; + padding : 13px 5px; + text-align : center; + visibility : hidden; + background-color : #333333; + } + } + &.account { + min-width : 100px; + &.username { text-transform : none;} + } + } + .navDropdownContainer { + position : relative; + .navDropdown { + position : absolute; + top : 28px; + left : 0px; + z-index : 10000; + width : 100%; + max-height : calc(100vh - 28px); + overflow : hidden auto; + .navItem { + position : relative; + display : block; + width : 100%; + padding : 8px 5px; + border : 1px solid #888888; + border-bottom : 0; + animation-name : glideDropDown; + animation-duration : 0.4s; + } + } + &.recent { + position : relative; + .navDropdown .navItem { + #backgroundColorsHover; + .animate(background-color); + position : relative; + box-sizing : border-box; + display : block; + max-height : ~"calc(100vh - 28px)"; // I don't think is correct syntax, but leaving it in for now... (Gazook89) + padding : 8px 5px 13px; + overflow : hidden auto; + color : white; + text-decoration : none; + background-color : #333333; + border-top : 1px solid #888888; + scrollbar-color : #666666 #333333; + scrollbar-width : thin; + .clear { + position : absolute; + top : 50%; + right : 0; + display : none; + width : 20px; + height : 100%; + background-color : #333333; + border-radius : 3px; + opacity : 70%; + transform : translateY(-50%); + &:hover { opacity : 100%; } + i { + width : 100%; + height : 100%; + margin : 0; + font-size : 10px; + text-align : center; + } + } + &:hover { + background-color : @blue; + .clear { + display : grid; + place-content : center; + } + } + .title { + display : inline-block; + width : 100%; + overflow : hidden auto; + text-overflow : ellipsis; + white-space : nowrap; + } + .time { + position : absolute; + right : 2px; + bottom : 2px; + font-size : 0.7em; + color : #888888; + } + &.header { + box-sizing : border-box; + display : block; + padding : 5px 0; + color : #BBBBBB; + text-align : center; + background-color : #333333; + border-top : 1px solid #888888; + &:nth-of-type(1) { background-color : darken(@teal, 20%); } + &:nth-of-type(2) { background-color : darken(@purple, 30%); } + } + } + } } } } - .brewTitle.navItem { - font-size : 12px; - font-weight : 800; - height : 100%; - text-align : center; - text-transform : initial; - color : white; - background-color : transparent; - flex-grow : 1; - } + + // this should likely be refactored into .navDropdownContainer .save-menu { - .dropdown { - z-index : 1000; - } + .dropdown { z-index : 1000; } .navItem i.fa-power-off { color : red; &.active { @@ -68,205 +342,9 @@ } } } - .patreon.navItem { - border-right : 1px solid #666; - border-left : 1px solid #666; - &:hover i { - color : red; - } - i { - .animate(color); - animation-name : pinkColoring; - animation-duration : 2s; - color : pink; - } - } - .recent.navDropdownContainer { - position : relative; - .navDropdown .navItem { - overflow : hidden auto; - max-height : ~"calc(100vh - 28px)"; - scrollbar-color : #666 #333; - scrollbar-width : thin; - - #backgroundColorsHover; - .animate(background-color); - position : relative; - display : block; - overflow : clip; - box-sizing : border-box; - padding : 8px 5px 13px; - text-decoration : none; - color : white; - border-top : 1px solid #888; - background-color : #333; - .clear { - position : absolute; - top : 50%; - right : 0; - display : none; - width : 20px; - height : 100%; - transform : translateY(-50%); - opacity : 70%; - border-radius : 3px; - background-color : #333; - &:hover { - opacity : 100%; - } - i { - font-size : 10px; - width : 100%; - height : 100%; - margin : 0; - text-align : center; - } - } - &:hover { - background-color : @blue; - .clear { - display : grid; - place-content : center; - } - } - .title { - display : inline-block; - overflow : hidden; - width : 100%; - white-space : nowrap; - text-overflow : ellipsis; - } - .time { - font-size : 0.7em; - position : absolute; - right : 2px; - bottom : 2px; - color : #888; - } - &.header { - display : block; - box-sizing : border-box; - padding : 5px 0; - text-align : center; - color : #BBB; - border-top : 1px solid #888; - background-color : #333; - &:nth-of-type(1) { - background-color : darken(@teal, 20%); - } - &:nth-of-type(2) { - background-color : darken(@purple, 30%); - } - } - } - } - .metadata.navItem { - position : relative; - display : flex; - align-items : center; - height : 100%; - padding : 0; - flex-grow : 1; - i { - margin-right : 10px; - } - .window { - position : absolute; - z-index : -1; - bottom : 0; - left : 50%; - display : flex; - justify-content : flex-start; - width : 440px; - max-height : ~"calc(100vh - 28px)"; - margin : 0 auto; - padding : 0 10px 5px; - transition : transform 0.4s, opacity 0.4s; - border : 3px solid #444; - border-top : unset; - border-radius : 0 0 5px 5px; - background-color : #333; - box-shadow : inset 0 7px 9px -7px #111; - flex-flow : row wrap; - align-content : baseline; - &.active { - transform : translateX(-50%) translateY(100%); - opacity : 1; - } - &.inactive { - transform : translateX(-50%) translateY(0%); - opacity : 0; - } - .row { - display : flex; - width : 100%; - flex-flow : row wrap; - h4 { - display : block; - box-sizing : border-box; - min-width : 76px; - padding : 5px 0; - text-align : center; - color : #BBB; - flex-basis : 20%; - flex-grow : 1; - } - p { - font-family : "Open Sans", sans-serif; - font-size : 10px; - font-weight : normal; - padding : 5px 0; - text-transform : initial; - flex-basis : 80%; - flex-grow : 1; - .tag { - display : inline-block; - margin : 2px 2px; - padding : 2px; - border : 2px solid grey; - border-radius : 5px; - background-color : #444; - } - a.userPageLink { - text-decoration : none; - color : white; - &:hover { - text-decoration : underline; - } - } - } - &:nth-of-type(even) { - background-color : #555; - } - } - } - } - .warning.navItem { - position : relative; - color : white; - background-color : @orange; - &:hover > .dropdown { - visibility : visible; - } - .dropdown { - position : absolute; - z-index : 10000; - top : 28px; - left : 0; - display : block; - visibility : hidden; - box-sizing : border-box; - width : 100%; - padding : 13px 5px; - text-align : center; - background-color : #333; - } - } - .account.navItem { - min-width : 100px; - } - .account.username.navItem { - text-transform : none; - } + + + + } diff --git a/shared/naturalcrit/nav/nav.jsx b/shared/naturalcrit/nav/nav.jsx index 3c7fd7c5e..04b7037dd 100644 --- a/shared/naturalcrit/nav/nav.jsx +++ b/shared/naturalcrit/nav/nav.jsx @@ -1,4 +1,4 @@ -require('./nav.less'); +require('client/homebrew/navbar/navbar.less'); const React = require('react'); const { useState, useRef, useEffect } = React; const createClass = require('create-react-class'); diff --git a/shared/naturalcrit/nav/nav.less b/shared/naturalcrit/nav/nav.less deleted file mode 100644 index e3a58a33a..000000000 --- a/shared/naturalcrit/nav/nav.less +++ /dev/null @@ -1,97 +0,0 @@ -@import '../styles/colors'; -@keyframes glideDropDown { - 0% {transform : translate(0px, -100%); - opacity : 0; - background-color: #333;} - 100% {transform : translate(0px, 0px); - opacity : 1; - background-color: #333;} -} -nav{ - background-color : #333; - .navContent{ - position : relative; - display : flex; - justify-content : space-between; - z-index : 2; - } - .navSection{ - display : flex; - align-items : center; - } - .navLogo{ - display : block; - margin-top : 0px; - margin-right : 8px; - margin-left : 8px; - color : white; - text-decoration : none; - &:hover{ - .name{ color : @orange; } - svg{ fill : @orange } - } - svg{ - height : 13px; - margin-right : 0.2em; - cursor : pointer; - fill : white; - } - span.name{ - font-family : 'CodeLight'; - font-size : 15px; - span.crit{ - font-family : 'CodeBold'; - } - small{ - font-family : 'Open Sans'; - font-size : 0.3em; - font-weight : 800; - text-transform : uppercase; - } - } - } - .navItem{ - #backgroundColorsHover; - .animate(background-color); - padding : 8px 12px; - cursor : pointer; - background-color : #333; - font-size : 10px; - font-weight : 800; - color : white; - text-decoration : none; - text-transform : uppercase; - line-height : 13px; - i{ - margin-left : 5px; - font-size : 13px; - float : right; - } - } - .navSection:last-child .navItem{ - border-left : 1px solid #666; - } - .navDropdownContainer{ - position: relative; - .navDropdown { - position : absolute; - top : 28px; - left : 0px; - z-index : 10000; - width : 100%; - overflow : hidden auto; - max-height : calc(100vh - 28px); - .navItem{ - animation-name: glideDropDown; - animation-duration: 0.4s; - position : relative; - display : block; - width : 100%; - vertical-align : middle; - padding : 8px 5px; - border : 1px solid #888; - border-bottom : 0; - } - } - } -} From 46a0a66fb6ebdf53f74a5bb039463b0835f9c2fe Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Thu, 22 Feb 2024 19:20:42 +1300 Subject: [PATCH 24/38] Use currentColor once instead of multiple border-color declarations --- .../homebrew/pages/basePages/listPage/brewItem/brewItem.less | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less index 46a347b3e..9bee4e5eb 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less @@ -63,6 +63,7 @@ white-space: nowrap; display: inline-block; font-weight: bold; + border-color: currentColor; cursor : pointer; &:before { font-family: 'Font Awesome 5 Free'; @@ -72,7 +73,6 @@ &.type { background-color: #0080003b; color: #008000; - border-color: #008000; &:before{ content: '\f0ad'; } @@ -80,7 +80,6 @@ &.group { background-color: #5050503b; color: #000000; - border-color: #000000; &:before{ content: '\f500'; } @@ -88,7 +87,6 @@ &.meta { background-color: #0000803b; color: #000080; - border-color: #000080; &:before{ content: '\f05a'; } @@ -96,7 +94,6 @@ &.system { background-color: #8000003b; color: #800000; - border-color: #800000; &:before{ content: '\f518'; } From 43209186ee52cf71bb9150e05ab8237d6334def9 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Thu, 22 Feb 2024 19:27:17 +1300 Subject: [PATCH 25/38] Remove obsolete styling from tags-container --- client/homebrew/pages/basePages/listPage/listPage.less | 9 +-------- 1 file changed, 1 insertion(+), 8 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.less b/client/homebrew/pages/basePages/listPage/listPage.less index bf2c89e83..0aa4a278d 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.less +++ b/client/homebrew/pages/basePages/listPage/listPage.less @@ -126,18 +126,11 @@ } .tags-container { - font-family : 'Open Sans', sans-serif; - position : sticky; - top : 0; - left : 0; - width : 100%; height : 30px; background-color : #555; border-top : 1px solid #666; - border-bottom : 1px solid #666; + border-bottom : 1px solid #666; color : white; - text-align : center; - z-index : 1; display : flex; justify-content : center; align-items : center; From ad5ad05b7baeb309e1af36c900b0cfa05f692ef8 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Thu, 22 Feb 2024 20:02:09 +1300 Subject: [PATCH 26/38] Simplify syntax --- themes/fonts/5e/dicefont.less | 186 +++++++++++++++++----------------- 1 file changed, 93 insertions(+), 93 deletions(-) diff --git a/themes/fonts/5e/dicefont.less b/themes/fonts/5e/dicefont.less index 031fcc600..887a7c27c 100644 --- a/themes/fonts/5e/dicefont.less +++ b/themes/fonts/5e/dicefont.less @@ -22,97 +22,97 @@ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smooth: antialiased; - &.df-F:before { content: '\f190'; } - &.df-F-minus:before { content: '\f191'; } - &.df-F-plus:before { content: '\f192'; } - &.df-F-zero:before { content: '\f193'; } - &.df-d10:before { content: '\f194'; } - &.df-d10-0:before { content: '\f100'; } - &.df-d10-1:before { content: '\f101'; } - &.df-d10-10:before { content: '\f102'; } - &.df-d10-2:before { content: '\f103'; } - &.df-d10-3:before { content: '\f104'; } - &.df-d10-4:before { content: '\f105'; } - &.df-d10-5:before { content: '\f106'; } - &.df-d10-6:before { content: '\f107'; } - &.df-d10-7:before { content: '\f108'; } - &.df-d10-8:before { content: '\f109'; } - &.df-d10-9:before { content: '\f10a'; } - &.df-d12:before { content: '\f195'; } - &.df-d12-1:before { content: '\f10b'; } - &.df-d12-10:before { content: '\f10c'; } - &.df-d12-11:before { content: '\f10d'; } - &.df-d12-12:before { content: '\f10e'; } - &.df-d12-2:before { content: '\f10f'; } - &.df-d12-3:before { content: '\f110'; } - &.df-d12-4:before { content: '\f111'; } - &.df-d12-5:before { content: '\f112'; } - &.df-d12-6:before { content: '\f113'; } - &.df-d12-7:before { content: '\f114'; } - &.df-d12-8:before { content: '\f115'; } - &.df-d12-9:before { content: '\f116'; } - &.df-d2:before { content: '\f196'; } - &.df-d2-1:before { content: '\f117'; } - &.df-d2-2:before { content: '\f118'; } - &.df-d20:before { content: '\f197'; } - &.df-d20-1:before { content: '\f119'; } - &.df-d20-10:before { content: '\f11a'; } - &.df-d20-11:before { content: '\f11b'; } - &.df-d20-12:before { content: '\f11c'; } - &.df-d20-13:before { content: '\f11d'; } - &.df-d20-14:before { content: '\f11e'; } - &.df-d20-15:before { content: '\f11f'; } - &.df-d20-16:before { content: '\f120'; } - &.df-d20-17:before { content: '\f121'; } - &.df-d20-18:before { content: '\f122'; } - &.df-d20-19:before { content: '\f123'; } - &.df-d20-2:before { content: '\f124'; } - &.df-d20-20:before { content: '\f125'; } - &.df-d20-3:before { content: '\f126'; } - &.df-d20-4:before { content: '\f127'; } - &.df-d20-5:before { content: '\f128'; } - &.df-d20-6:before { content: '\f129'; } - &.df-d20-7:before { content: '\f12a'; } - &.df-d20-8:before { content: '\f12b'; } - &.df-d20-9:before { content: '\f12c'; } - &.df-d4:before { content: '\f198'; } - &.df-d4-1:before { content: '\f12d'; } - &.df-d4-2:before { content: '\f12e'; } - &.df-d4-3:before { content: '\f12f'; } - &.df-d4-4:before { content: '\f130'; } - &.df-d6:before { content: '\f199'; } - &.df-d6-1:before { content: '\f131'; } - &.df-d6-2:before { content: '\f132'; } - &.df-d6-3:before { content: '\f133'; } - &.df-d6-4:before { content: '\f134'; } - &.df-d6-5:before { content: '\f135'; } - &.df-d6-6:before { content: '\f136'; } - &.df-d8:before { content: '\f19a'; } - &.df-d8-1:before { content: '\f137'; } - &.df-d8-2:before { content: '\f138'; } - &.df-d8-3:before { content: '\f139'; } - &.df-d8-4:before { content: '\f13a'; } - &.df-d8-5:before { content: '\f13b'; } - &.df-d8-6:before { content: '\f13c'; } - &.df-d8-7:before { content: '\f13d'; } - &.df-d8-8:before { content: '\f13e'; } - &.df-dot-d6:before { content: '\f19b'; } - &.df-dot-d6-1:before { content: '\f13f'; } - &.df-dot-d6-2:before { content: '\f140'; } - &.df-dot-d6-3:before { content: '\f141'; } - &.df-dot-d6-4:before { content: '\f142'; } - &.df-dot-d6-5:before { content: '\f143'; } - &.df-dot-d6-6:before { content: '\f18f'; } - &.df-small-dot-d6-1:before { content: '\f183'; } - &.df-small-dot-d6-2:before { content: '\f184'; } - &.df-small-dot-d6-3:before { content: '\f185'; } - &.df-small-dot-d6-4:before { content: '\f186'; } - &.df-small-dot-d6-5:before { content: '\f187'; } - &.df-small-dot-d6-6:before { content: '\f188'; } - &.df-solid-small-dot-d6-1:before { content: '\f189'; } - &.df-solid-small-dot-d6-2:before { content: '\f18a'; } - &.df-solid-small-dot-d6-3:before { content: '\f18b'; } - &.df-solid-small-dot-d6-4:before { content: '\f18c'; } - &.df-solid-small-dot-d6-5:before { content: '\f18d'; } - &.df-solid-small-dot-d6-6:before { content: '\f18e'; } + &.F:before { content: '\f190'; } + &.F-minus:before { content: '\f191'; } + &.F-plus:before { content: '\f192'; } + &.F-zero:before { content: '\f193'; } + &.d10:before { content: '\f194'; } + &.d10-0:before { content: '\f100'; } + &.d10-1:before { content: '\f101'; } + &.d10-10:before { content: '\f102'; } + &.d10-2:before { content: '\f103'; } + &.d10-3:before { content: '\f104'; } + &.d10-4:before { content: '\f105'; } + &.d10-5:before { content: '\f106'; } + &.d10-6:before { content: '\f107'; } + &.d10-7:before { content: '\f108'; } + &.d10-8:before { content: '\f109'; } + &.d10-9:before { content: '\f10a'; } + &.d12:before { content: '\f195'; } + &.d12-1:before { content: '\f10b'; } + &.d12-10:before { content: '\f10c'; } + &.d12-11:before { content: '\f10d'; } + &.d12-12:before { content: '\f10e'; } + &.d12-2:before { content: '\f10f'; } + &.d12-3:before { content: '\f110'; } + &.d12-4:before { content: '\f111'; } + &.d12-5:before { content: '\f112'; } + &.d12-6:before { content: '\f113'; } + &.d12-7:before { content: '\f114'; } + &.d12-8:before { content: '\f115'; } + &.d12-9:before { content: '\f116'; } + &.d2:before { content: '\f196'; } + &.d2-1:before { content: '\f117'; } + &.d2-2:before { content: '\f118'; } + &.d20:before { content: '\f197'; } + &.d20-1:before { content: '\f119'; } + &.d20-10:before { content: '\f11a'; } + &.d20-11:before { content: '\f11b'; } + &.d20-12:before { content: '\f11c'; } + &.d20-13:before { content: '\f11d'; } + &.d20-14:before { content: '\f11e'; } + &.d20-15:before { content: '\f11f'; } + &.d20-16:before { content: '\f120'; } + &.d20-17:before { content: '\f121'; } + &.d20-18:before { content: '\f122'; } + &.d20-19:before { content: '\f123'; } + &.d20-2:before { content: '\f124'; } + &.d20-20:before { content: '\f125'; } + &.d20-3:before { content: '\f126'; } + &.d20-4:before { content: '\f127'; } + &.d20-5:before { content: '\f128'; } + &.d20-6:before { content: '\f129'; } + &.d20-7:before { content: '\f12a'; } + &.d20-8:before { content: '\f12b'; } + &.d20-9:before { content: '\f12c'; } + &.d4:before { content: '\f198'; } + &.d4-1:before { content: '\f12d'; } + &.d4-2:before { content: '\f12e'; } + &.d4-3:before { content: '\f12f'; } + &.d4-4:before { content: '\f130'; } + &.d6:before { content: '\f199'; } + &.d6-1:before { content: '\f131'; } + &.d6-2:before { content: '\f132'; } + &.d6-3:before { content: '\f133'; } + &.d6-4:before { content: '\f134'; } + &.d6-5:before { content: '\f135'; } + &.d6-6:before { content: '\f136'; } + &.d8:before { content: '\f19a'; } + &.d8-1:before { content: '\f137'; } + &.d8-2:before { content: '\f138'; } + &.d8-3:before { content: '\f139'; } + &.d8-4:before { content: '\f13a'; } + &.d8-5:before { content: '\f13b'; } + &.d8-6:before { content: '\f13c'; } + &.d8-7:before { content: '\f13d'; } + &.d8-8:before { content: '\f13e'; } + &.dot-d6:before { content: '\f19b'; } + &.dot-d6-1:before { content: '\f13f'; } + &.dot-d6-2:before { content: '\f140'; } + &.dot-d6-3:before { content: '\f141'; } + &.dot-d6-4:before { content: '\f142'; } + &.dot-d6-5:before { content: '\f143'; } + &.dot-d6-6:before { content: '\f18f'; } + &.small-dot-d6-1:before { content: '\f183'; } + &.small-dot-d6-2:before { content: '\f184'; } + &.small-dot-d6-3:before { content: '\f185'; } + &.small-dot-d6-4:before { content: '\f186'; } + &.small-dot-d6-5:before { content: '\f187'; } + &.small-dot-d6-6:before { content: '\f188'; } + &.solid-small-dot-d6-1:before { content: '\f189'; } + &.solid-small-dot-d6-2:before { content: '\f18a'; } + &.solid-small-dot-d6-3:before { content: '\f18b'; } + &.solid-small-dot-d6-4:before { content: '\f18c'; } + &.solid-small-dot-d6-5:before { content: '\f18d'; } + &.solid-small-dot-d6-6:before { content: '\f18e'; } } \ No newline at end of file From 7d755fe2a349f646db9dafa4339a8155836f3fe8 Mon Sep 17 00:00:00 2001 From: David Bolack Date: Fri, 23 Feb 2024 11:35:57 -0600 Subject: [PATCH 27/38] Fix syntax highlighting on sub and superscript I did not test this very robustly, it seems. --- client/homebrew/editor/editor.jsx | 24 ++++++++++++++---------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/client/homebrew/editor/editor.jsx b/client/homebrew/editor/editor.jsx index d79d2ce4e..3fa936ab7 100644 --- a/client/homebrew/editor/editor.jsx +++ b/client/homebrew/editor/editor.jsx @@ -160,21 +160,25 @@ const Editor = createClass({ } } - // Superscript - if(line.includes('\^')) { - const regex = /\^(?!\s)(?=([^\n\^]*[^\s\^]))\1\^/g; - let match; - while ((match = regex.exec(line)) != null) { - codeMirror.markText({ line: lineNumber, ch: line.indexOf(match[1]) - 1 }, { line: lineNumber, ch: line.indexOf(match[1]) + match[1].length + 1 }, { className: 'superscript' }); - } - } - // Subscript if(line.includes('^^')) { + //const regex = /\^\^(?!\s)(?=([^\n\^]*[^\s\^]))\1\^\^/g; const regex = /\^\^(?!\s)(?=([^\n\^]*[^\s\^]))\1\^\^/g; let match; while ((match = regex.exec(line)) != null) { - codeMirror.markText({ line: lineNumber, ch: line.indexOf(match[1]) - 2 }, { line: lineNumber, ch: line.indexOf(match[1]) + match[1].length + 2 }, { className: 'subscript' }); + if(line.indexOf(match[0]) - 1 != '^') { + codeMirror.markText({ line: lineNumber, ch: line.indexOf(match[0]) }, { line: lineNumber, ch: line.indexOf(match[0]) + match[0].length }, { className: 'subscript' }); + } + } + } + + // Superscript + if(line.includes('^')) { + //const regex = /\^(?!\s)(?=([^\n\^]*[^\s\^]))\1\^/g; + const regex = /\^(?!\s)(?=([^\n\^]*[^\s\^]))\1\^/g; + let match; + while ((match = regex.exec(line)) != null) { + codeMirror.markText({ line: lineNumber, ch: line.indexOf(match[0]) }, { line: lineNumber, ch: line.indexOf(match[0]) + match[0].length }, { className: 'superscript' }); } } From bf874c55af870b4d911fb71ad23ada036314c9f6 Mon Sep 17 00:00:00 2001 From: David Bolack Date: Fri, 23 Feb 2024 14:46:13 -0600 Subject: [PATCH 28/38] Add a column break before the Tables header on page 2 Small formatting fix. --- client/homebrew/pages/homePage/welcome_msg.md | 1 + 1 file changed, 1 insertion(+) diff --git a/client/homebrew/pages/homePage/welcome_msg.md b/client/homebrew/pages/homePage/welcome_msg.md index 9df769903..c7d46149e 100644 --- a/client/homebrew/pages/homePage/welcome_msg.md +++ b/client/homebrew/pages/homePage/welcome_msg.md @@ -143,6 +143,7 @@ Much nicer than `




` ### Column Breaks Column and page breaks with `\column` and `\page`. +\column ### Tables Tables now allow column & row spanning between cells. This is included in some updated snippets, but a simplified example is given below. From da8836ba9911fe0df4a0e2ce36ca22cd96b5c31d Mon Sep 17 00:00:00 2001 From: Rodrigo Kuerten Date: Fri, 23 Feb 2024 22:07:28 -0300 Subject: [PATCH 29/38] Added new theme --- themes/codeMirror/customThemes/darkvision.css | 111 ++++++++++++++++++ themes/codeMirror/editorThemes.json | 1 + 2 files changed, 112 insertions(+) create mode 100644 themes/codeMirror/customThemes/darkvision.css diff --git a/themes/codeMirror/customThemes/darkvision.css b/themes/codeMirror/customThemes/darkvision.css new file mode 100644 index 000000000..6662202a2 --- /dev/null +++ b/themes/codeMirror/customThemes/darkvision.css @@ -0,0 +1,111 @@ +.CodeMirror { + background: #0C0C0C; + color: #B9BDB6; +} + +/* Brew BG */ +.brewRenderer { + background-color: #0C0C0C; +} + +/* Blinking cursor and selection */ +.cm-s-darkvision .CodeMirror-cursor { + border-left: 1px solid #B9BDB6; +} +.cm-s-darkvision .CodeMirror-selected { + background: #E0E8FF40; +} + +/* Line number stuff */ +.cm-s-darkvision .CodeMirror-gutter-elt { + color: #81969A; +} +.cm-s-darkvision .CodeMirror-linenumber { + background-color: #0C0C0C; +} +.cm-s-darkvision .CodeMirror-gutter { + background-color: #0C0C0C; +} + +/* column splits */ +.cm-s-darkvision .editor .codeEditor .columnSplit { + font-style: italic; + color: inherit; + background-color:#1F5763; + border-bottom: #299 solid 1px; +} + +/* # headings */ +.cm-s-darkvision .cm-header { + color: #C51B1B; + -webkit-text-stroke-width: 0.1px; +} +/* bold points */ +.cm-s-darkvision .cm-strong { + font-weight: bold; + color: #309DD2; +} +/* Link headings */ +.cm-s-darkvision .cm-link { + color: #DD6300; +} +/* links */ +.cm-s-darkvision .cm-string { + color: #5CE638; +} +/*@import*/ +.cm-s-darkvision .cm-def { + color:#2986CC; +} +/* Bullets and such */ +.cm-s-darkvision .cm-variable-2 { + color: #3CBF30; +} +/* blocks */ +.editor .codeEditor .block:not(.cm-comment) { + color: magenta !important; +} + +/* definition lists */ +.editor .codeEditor .define.definition { + color: #FFAA3E !important; +} +.editor .codeEditor .define.term { + color: #7290d9 !important; +} + +/* Tags (divs) */ +.cm-s-darkvision .cm-tag { + color: #E3FF00; +} +.cm-s-darkvision .cm-attribute { + color: #E3FF00; +} +.cm-s-darkvision .cm-atom { + color:#CF7EA9; +} +.cm-s-darkvision .cm-qualifier { + color:#EE1919; +} +.cm-s-darkvision .cm-comment { + color:#BBC700; +} +.cm-s-darkvision .cm-keyword { + color:#CC66FF; +} +.cm-s-darkvision .cm-property.cm-error { + color:#C50202; +} +.cm-s-darkvision .CodeMirror-foldmarker { + color:#F0FF00; +} + +/* New page */ +.editor .codeEditor .pageLine { + background: #000; + color:#000; + border-bottom: 1px solid #FFF; +} +.cm-s-darkvision .cm-builtin { + color:#FFF; +} \ No newline at end of file diff --git a/themes/codeMirror/editorThemes.json b/themes/codeMirror/editorThemes.json index 384ce4602..679c6874b 100644 --- a/themes/codeMirror/editorThemes.json +++ b/themes/codeMirror/editorThemes.json @@ -16,6 +16,7 @@ "colorforth", "darcula", "darkbrewery-v301", +"darkvision", "dracula", "duotone-dark", "duotone-light", From a2b97abb2ed0674471857ba91d810c01e4b06819 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Sun, 25 Feb 2024 11:47:34 +1300 Subject: [PATCH 30/38] Remove missed console.log debugging lines --- client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx | 1 - client/homebrew/pages/basePages/listPage/listPage.jsx | 2 -- 2 files changed, 3 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx index e21f6e8a3..869fb3044 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx @@ -46,7 +46,6 @@ const BrewItem = createClass({ }, updateFilter : function(type, term){ - // console.log(`BrewItem: TYPE: ${type}; TERM: ${term}`); this.props.updateListFilter(type, term); }, diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx index 261d6ec6b..096c6bbb7 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.jsx +++ b/client/homebrew/pages/basePages/listPage/listPage.jsx @@ -130,7 +130,6 @@ const ListPage = createClass({ }, handleFilterTextChange : function(e){ - // console.log(e); this.setState({ filterString : e.target.value, }); @@ -194,7 +193,6 @@ const ListPage = createClass({ renderTagsOptions : function(){ if(this.state.filterTags?.length == 0) return; - console.log('renderTags'); return
{_.map(this.state.filterTags, (tag, idx)=>{ const matches = tag.match(/^(?:([^:]+):)?([^:]+)$/); From 254b0852ca993d0dcfeafb596cca4a6a543bd789 Mon Sep 17 00:00:00 2001 From: Rodrigo Kuerten Date: Sat, 24 Feb 2024 20:57:26 -0300 Subject: [PATCH 31/38] Cleaned up css, added missing variables --- themes/codeMirror/customThemes/darkvision.css | 206 +++++++++--------- 1 file changed, 108 insertions(+), 98 deletions(-) diff --git a/themes/codeMirror/customThemes/darkvision.css b/themes/codeMirror/customThemes/darkvision.css index 6662202a2..4c74d105e 100644 --- a/themes/codeMirror/customThemes/darkvision.css +++ b/themes/codeMirror/customThemes/darkvision.css @@ -8,104 +8,114 @@ background-color: #0C0C0C; } -/* Blinking cursor and selection */ -.cm-s-darkvision .CodeMirror-cursor { - border-left: 1px solid #B9BDB6; -} -.cm-s-darkvision .CodeMirror-selected { - background: #E0E8FF40; +.cm-s-darkvision { + /* Blinking cursor and selection */ + .CodeMirror-cursor { + border-left: 1px solid #B9BDB6; + } + .CodeMirror-selected { + background: #E0E8FF40; + } + + /* Line number stuff */ + .CodeMirror-gutter-elt { + color: #81969A; + } + .CodeMirror-linenumber { + background-color: #0C0C0C; + } + .CodeMirror-gutter { + background-color: #0C0C0C; + } + + /* column splits */ + .editor .codeEditor .columnSplit { + font-style: italic; + color: inherit; + background-color:#1F5763; + border-bottom: #299 solid 1px; + } + + /* # headings */ + .cm-header { + color: #C51B1B; + -webkit-text-stroke-width: 0.1px; + } + /* bold points */ + .cm-strong { + font-weight: bold; + color: #309DD2; + } + /* Link headings */ + .cm-link { + color: #DD6300; + } + /* links */ + .cm-string { + color: #5CE638; + } + /*@import*/ + .cm-def { + color: #2986CC; + } + /* Bullets and such */ + .cm-variable-2 { + color: #3CBF30; + } + + /* Tags (divs) */ + .cm-tag { + color: #E3FF00; + } + .cm-attribute { + color: #E3FF00; + } + .cm-atom { + color: #CF7EA9; + } + .cm-qualifier { + color: #EE1919; + } + .cm-comment { + color: #BBC700; + } + .cm-keyword { + color: #CC66FF; + } + .cm-property { + color: aqua; + } + .cm-error { + color: #C50202; + } + .CodeMirror-foldmarker { + color: #F0FF00; + } + /* New page */ + .cm-builtin { + color: #FFF; + } } -/* Line number stuff */ -.cm-s-darkvision .CodeMirror-gutter-elt { - color: #81969A; +.editor .codeEditor { + /* blocks */ + .block:not(.cm-comment) { + color: magenta; + } + /* definition lists */ + .define.definition { + color: #FFAA3E; + } + .define.term { + color: #7290d9; + } + .define:not(.term):not(.definition) { + background: #333; + } + /* New page */ + .pageLine { + background: #000; + color: #000; + border-bottom: 1px solid #FFF; + } } -.cm-s-darkvision .CodeMirror-linenumber { - background-color: #0C0C0C; -} -.cm-s-darkvision .CodeMirror-gutter { - background-color: #0C0C0C; -} - -/* column splits */ -.cm-s-darkvision .editor .codeEditor .columnSplit { - font-style: italic; - color: inherit; - background-color:#1F5763; - border-bottom: #299 solid 1px; -} - -/* # headings */ -.cm-s-darkvision .cm-header { - color: #C51B1B; - -webkit-text-stroke-width: 0.1px; -} -/* bold points */ -.cm-s-darkvision .cm-strong { - font-weight: bold; - color: #309DD2; -} -/* Link headings */ -.cm-s-darkvision .cm-link { - color: #DD6300; -} -/* links */ -.cm-s-darkvision .cm-string { - color: #5CE638; -} -/*@import*/ -.cm-s-darkvision .cm-def { - color:#2986CC; -} -/* Bullets and such */ -.cm-s-darkvision .cm-variable-2 { - color: #3CBF30; -} -/* blocks */ -.editor .codeEditor .block:not(.cm-comment) { - color: magenta !important; -} - -/* definition lists */ -.editor .codeEditor .define.definition { - color: #FFAA3E !important; -} -.editor .codeEditor .define.term { - color: #7290d9 !important; -} - -/* Tags (divs) */ -.cm-s-darkvision .cm-tag { - color: #E3FF00; -} -.cm-s-darkvision .cm-attribute { - color: #E3FF00; -} -.cm-s-darkvision .cm-atom { - color:#CF7EA9; -} -.cm-s-darkvision .cm-qualifier { - color:#EE1919; -} -.cm-s-darkvision .cm-comment { - color:#BBC700; -} -.cm-s-darkvision .cm-keyword { - color:#CC66FF; -} -.cm-s-darkvision .cm-property.cm-error { - color:#C50202; -} -.cm-s-darkvision .CodeMirror-foldmarker { - color:#F0FF00; -} - -/* New page */ -.editor .codeEditor .pageLine { - background: #000; - color:#000; - border-bottom: 1px solid #FFF; -} -.cm-s-darkvision .cm-builtin { - color:#FFF; -} \ No newline at end of file From 26263c0bf876397a339e60197546bf0821ffb4f3 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Mon, 26 Feb 2024 13:01:13 +1300 Subject: [PATCH 32/38] Remove unused function parameter `type` --- .../homebrew/pages/basePages/listPage/brewItem/brewItem.jsx | 2 +- client/homebrew/pages/basePages/listPage/listPage.jsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx index 869fb3044..0369305d5 100644 --- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx +++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx @@ -137,7 +137,7 @@ const BrewItem = createClass({ {brew.tags.map((tag, idx)=>{ const matches = tag.match(/^(?:([^:]+):)?([^:]+)$/); - return {this.updateFilter('tag', tag);}}>{matches[2]}; + return {this.updateFilter(tag);}}>{matches[2]}; })}
: <> diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx index 096c6bbb7..2717152ec 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.jsx +++ b/client/homebrew/pages/basePages/listPage/listPage.jsx @@ -137,7 +137,7 @@ const ListPage = createClass({ return; }, - updateListFilter : function(type, term){ + updateListFilter : function(term){ this.updateUrl(this.state.filterString, this.state.sortType, this.state.sortDir, term); }, @@ -196,7 +196,7 @@ const ListPage = createClass({ return
{_.map(this.state.filterTags, (tag, idx)=>{ const matches = tag.match(/^(?:([^:]+):)?([^:]+)$/); - return {this.updateListFilter('tag', tag);}}>{matches[2]}; + return {this.updateListFilter(tag);}}>{matches[2]}; })}
; }, From 9d38c937b4d1d925ad4d67a038c941203a74225a Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Mon, 26 Feb 2024 03:43:17 +0000 Subject: [PATCH 33/38] Bump eslint from 8.56.0 to 8.57.0 Bumps [eslint](https://github.com/eslint/eslint) from 8.56.0 to 8.57.0. - [Release notes](https://github.com/eslint/eslint/releases) - [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md) - [Commits](https://github.com/eslint/eslint/compare/v8.56.0...v8.57.0) --- updated-dependencies: - dependency-name: eslint dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] --- package-lock.json | 34 +++++++++++++++++----------------- package.json | 2 +- 2 files changed, 18 insertions(+), 18 deletions(-) diff --git a/package-lock.json b/package-lock.json index 770ff6716..9f39b3bd5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -48,7 +48,7 @@ "vitreum": "git+https://git@github.com/calculuschild/vitreum.git" }, "devDependencies": { - "eslint": "^8.56.0", + "eslint": "^8.57.0", "eslint-plugin-jest": "^27.9.0", "eslint-plugin-react": "^7.33.2", "jest": "^29.7.0", @@ -1958,9 +1958,9 @@ } }, "node_modules/@eslint/js": { - "version": "8.56.0", - "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz", - "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==", + "version": "8.57.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz", + "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==", "dev": true, "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" @@ -1978,13 +1978,13 @@ } }, "node_modules/@humanwhocodes/config-array": { - "version": "0.11.13", - "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz", - "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==", + "version": "0.11.14", + "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz", + "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==", "dev": true, "dependencies": { - "@humanwhocodes/object-schema": "^2.0.1", - "debug": "^4.1.1", + "@humanwhocodes/object-schema": "^2.0.2", + "debug": "^4.3.1", "minimatch": "^3.0.5" }, "engines": { @@ -2005,9 +2005,9 @@ } }, "node_modules/@humanwhocodes/object-schema": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz", - "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz", + "integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==", "dev": true }, "node_modules/@istanbuljs/load-nyc-config": { @@ -5588,16 +5588,16 @@ } }, "node_modules/eslint": { - "version": "8.56.0", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz", - "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==", + "version": "8.57.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz", + "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==", "dev": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", "@eslint/eslintrc": "^2.1.4", - "@eslint/js": "8.56.0", - "@humanwhocodes/config-array": "^0.11.13", + "@eslint/js": "8.57.0", + "@humanwhocodes/config-array": "^0.11.14", "@humanwhocodes/module-importer": "^1.0.1", "@nodelib/fs.walk": "^1.2.8", "@ungap/structured-clone": "^1.2.0", diff --git a/package.json b/package.json index 884d293ec..b44d1cc4d 100644 --- a/package.json +++ b/package.json @@ -118,7 +118,7 @@ "vitreum": "git+https://git@github.com/calculuschild/vitreum.git" }, "devDependencies": { - "eslint": "^8.56.0", + "eslint": "^8.57.0", "eslint-plugin-jest": "^27.9.0", "eslint-plugin-react": "^7.33.2", "jest": "^29.7.0", From f9d8344dbac3a23bcb1d6d3653add157d5120cd3 Mon Sep 17 00:00:00 2001 From: "G.Ambatte" Date: Mon, 26 Feb 2024 21:16:37 +1300 Subject: [PATCH 34/38] Remove unnecessary function --- client/homebrew/pages/basePages/listPage/listPage.jsx | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx index 2717152ec..2385b4490 100644 --- a/client/homebrew/pages/basePages/listPage/listPage.jsx +++ b/client/homebrew/pages/basePages/listPage/listPage.jsx @@ -83,7 +83,7 @@ const ListPage = createClass({ if(!brews || !brews.length) return
No Brews.
; return _.map(brews, (brew, idx)=>{ - return ; + return { this.updateUrl(this.state.filterString, this.state.sortType, this.state.sortDir, tag); }}/>; }); }, @@ -137,10 +137,6 @@ const ListPage = createClass({ return; }, - updateListFilter : function(term){ - this.updateUrl(this.state.filterString, this.state.sortType, this.state.sortDir, term); - }, - updateUrl : function(filterTerm, sortType, sortDir, filterTag=''){ const url = new URL(window.location.href); const urlParams = new URLSearchParams(url.search); @@ -196,7 +192,7 @@ const ListPage = createClass({ return
{_.map(this.state.filterTags, (tag, idx)=>{ const matches = tag.match(/^(?:([^:]+):)?([^:]+)$/); - return {this.updateListFilter(tag);}}>{matches[2]}; + return { this.updateUrl(this.state.filterString, this.state.sortType, this.state.sortDir, tag); }}>{matches[2]}; })}
; }, From 713865fb406e4347184aec6e14dffa4d54e958c3 Mon Sep 17 00:00:00 2001 From: Rodrigo Kuerten Date: Tue, 27 Feb 2024 10:21:53 -0300 Subject: [PATCH 35/38] Remove background-attachment property --- themes/V3/5ePHB/style.less | 1 - 1 file changed, 1 deletion(-) diff --git a/themes/V3/5ePHB/style.less b/themes/V3/5ePHB/style.less index 23c3992fd..c155d1c09 100644 --- a/themes/V3/5ePHB/style.less +++ b/themes/V3/5ePHB/style.less @@ -307,7 +307,6 @@ margin-left : -0.16cm; background-color : var(--HB_Color_MonsterStatBackground); background-image : @monsterBlockBackground; - background-attachment : unset; background-blend-mode : overlay; border-style : solid; border-width : 7px 6px; From 774b555a61dc15b3938fde3a35b57f4b5606b496 Mon Sep 17 00:00:00 2001 From: Trevor Buckner Date: Thu, 29 Feb 2024 17:17:38 -0500 Subject: [PATCH 36/38] Rework to fix 5eCleric's tests --- client/homebrew/editor/editor.jsx | 32 ++++++++++++++----------------- 1 file changed, 14 insertions(+), 18 deletions(-) diff --git a/client/homebrew/editor/editor.jsx b/client/homebrew/editor/editor.jsx index 3fa936ab7..4f3ef44f5 100644 --- a/client/homebrew/editor/editor.jsx +++ b/client/homebrew/editor/editor.jsx @@ -160,25 +160,21 @@ const Editor = createClass({ } } - // Subscript - if(line.includes('^^')) { - //const regex = /\^\^(?!\s)(?=([^\n\^]*[^\s\^]))\1\^\^/g; - const regex = /\^\^(?!\s)(?=([^\n\^]*[^\s\^]))\1\^\^/g; - let match; - while ((match = regex.exec(line)) != null) { - if(line.indexOf(match[0]) - 1 != '^') { - codeMirror.markText({ line: lineNumber, ch: line.indexOf(match[0]) }, { line: lineNumber, ch: line.indexOf(match[0]) + match[0].length }, { className: 'subscript' }); - } - } - } - - // Superscript + // Subscript & Superscript if(line.includes('^')) { - //const regex = /\^(?!\s)(?=([^\n\^]*[^\s\^]))\1\^/g; - const regex = /\^(?!\s)(?=([^\n\^]*[^\s\^]))\1\^/g; - let match; - while ((match = regex.exec(line)) != null) { - codeMirror.markText({ line: lineNumber, ch: line.indexOf(match[0]) }, { line: lineNumber, ch: line.indexOf(match[0]) + match[0].length }, { className: 'superscript' }); + let startIndex = line.indexOf('^'); + const superRegex = /\^(?!\s)(?=([^\n\^]*[^\s\^]))\1\^/gy; + const subRegex = /\^\^(?!\s)(?=([^\n\^]*[^\s\^]))\1\^\^/gy; + + while (startIndex >= 0) { + superRegex.lastIndex = subRegex.lastIndex = startIndex; + let isSuper = false; + let match = subRegex.exec(line) || superRegex.exec(line); + if (match) { + isSuper = !subRegex.lastIndex; + codeMirror.markText({ line: lineNumber, ch: match.index }, { line: lineNumber, ch: match.index + match[0].length }, { className: isSuper ? 'superscript' : 'subscript' }); + } + startIndex = line.indexOf('^', Math.max(startIndex + 1, subRegex.lastIndex, superRegex.lastIndex)); } } From 50f069e68896f7e843781db203c85e0973eda3b8 Mon Sep 17 00:00:00 2001 From: Trevor Buckner Date: Fri, 1 Mar 2024 01:24:50 -0500 Subject: [PATCH 37/38] Fix some nesting of styles The values from nav.less were mistakenly nested inside each other which was adding too much specificity. --- client/homebrew/navbar/navbar.less | 585 ++++++++++++++--------------- 1 file changed, 290 insertions(+), 295 deletions(-) diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less index 73671abbb..ccbdf1f7a 100644 --- a/client/homebrew/navbar/navbar.less +++ b/client/homebrew/navbar/navbar.less @@ -29,322 +29,317 @@ z-index : 2; display : flex; justify-content : space-between; - .navSection { + } + .navSection { + display : flex; + align-items : center; + &:last-child .navItem { border-left : 1px solid #666666; } + } + // "NaturalCrit" logo + .navLogo { + display : block; + margin-top : 0px; + margin-right : 8px; + margin-left : 8px; + color : white; + text-decoration : none; + &:hover { + .name { color : @orange; } + svg { fill : @orange; } + } + svg { + height : 13px; + margin-right : 0.2em; + cursor : pointer; + fill : white; + } + span.name { + font-family : 'CodeLight'; + font-size : 15px; + span.crit { font-family : 'CodeBold'; } + small { + font-family : 'Open Sans'; + font-size : 0.3em; + font-weight : 800; + text-transform : uppercase; + } + } + } + .navItem { + #backgroundColorsHover; + .animate(background-color); + padding : 8px 12px; + font-size : 10px; + font-weight : 800; + line-height : 13px; + color : white; + text-decoration : none; + text-transform : uppercase; + cursor : pointer; + background-color : #333333; + i { + float : right; + margin-left : 5px; + font-size : 13px; + } + &.patreon { + border-right : 1px solid #666666; + border-left : 1px solid #666666; + &:hover i { color : red; } + i { + color : pink; + .animate(color); + animation-name : pinkColoring; + animation-duration : 2s; + } + } + &.editTitle { // this is not needed at all currently - you used to be able to edit the title via the navbar. + padding : 2px 12px; + input { + width : 250px; + padding : 2px; + margin : 0; + font-family : 'Open Sans', sans-serif; + font-size : 12px; + font-weight : 800; + color : white; + text-align : center; + background-color : transparent; + border : 1px solid @blue; + outline : none; + } + .charCount { + display : inline-block; + margin-left : 8px; + color : #666666; + text-align : right; + vertical-align : bottom; + &.max { color : @red; } + } + } + &.brewTitle { + flex-grow : 1; + font-size : 12px; + font-weight : 800; + color : white; + text-align : center; + text-transform : initial; + background-color : transparent; + } + // "The Homebrewery" logo + &.homebrewLogo { + .animate(color); + font-family : 'CodeBold'; + font-size : 12px; + color : white; + div { + margin-top : 2px; + margin-bottom : -2px; + } + &:hover { color : @blue; } + } + &.metadata { + position : relative; display : flex; + flex-grow : 1; align-items : center; - // "NaturalCrit" logo - .navLogo { - display : block; - margin-top : 0px; - margin-right : 8px; - margin-left : 8px; - color : white; - text-decoration : none; - &:hover { - .name { color : @orange; } - svg { fill : @orange; } + height : 100%; + padding : 0; + i { margin-right : 10px;} + .window { + position : absolute; + bottom : 0; + left : 50%; + z-index : -1; + display : flex; + flex-flow : row wrap; + align-content : baseline; + justify-content : flex-start; + width : 440px; + max-height : ~"calc(100vh - 28px)"; + padding : 0 10px 5px; + margin : 0 auto; + background-color : #333333; + border : 3px solid #444444; + border-top : unset; + border-radius : 0 0 5px 5px; + box-shadow : inset 0 7px 9px -7px #111111; + transition : transform 0.4s, opacity 0.4s; + &.active { + opacity : 1; + transform : translateX(-50%) translateY(100%); } - svg { - height : 13px; - margin-right : 0.2em; - cursor : pointer; - fill : white; + &.inactive { + opacity : 0; + transform : translateX(-50%) translateY(0%); } - span.name { - font-family : 'CodeLight'; - font-size : 15px; - span.crit { font-family : 'CodeBold'; } - small { - font-family : 'Open Sans'; - font-size : 0.3em; - font-weight : 800; - text-transform : uppercase; + .row { + display : flex; + flex-flow : row wrap; + width : 100%; + h4 { + box-sizing : border-box; + display : block; + flex-basis : 20%; + flex-grow : 1; + min-width : 76px; + padding : 5px 0; + color : #BBBBBB; + text-align : center; } + p { + flex-basis : 80%; + flex-grow : 1; + padding : 5px 0; + font-family : 'Open Sans', sans-serif; + font-size : 10px; + font-weight : normal; + text-transform : initial; + .tag { + display : inline-block; + padding : 2px; + margin : 2px 2px; + background-color : #444444; + border : 2px solid grey; + border-radius : 5px; + } + a.userPageLink { + color : white; + text-decoration : none; + &:hover { text-decoration : underline; } + } + } + &:nth-of-type(even) { background-color : #555555; } } } - &:last-child .navItem { border-left : 1px solid #666666; } + } + &.warning { + position : relative; + color : white; + background-color : @orange; + &:hover > .dropdown { visibility : visible; } + .dropdown { + position : absolute; + top : 28px; + left : 0; + z-index : 10000; + box-sizing : border-box; + display : block; + width : 100%; + padding : 13px 5px; + text-align : center; + visibility : hidden; + background-color : #333333; + } + } + &.account { + min-width : 100px; + &.username { text-transform : none;} + } + } + .navDropdownContainer { + position : relative; + .navDropdown { + position : absolute; + top : 28px; + left : 0px; + z-index : 10000; + width : 100%; + max-height : calc(100vh - 28px); + overflow : hidden auto; .navItem { + position : relative; + display : block; + width : 100%; + padding : 8px 5px; + border : 1px solid #888888; + border-bottom : 0; + animation-name : glideDropDown; + animation-duration : 0.4s; + } + } + &.recent { + position : relative; + .navDropdown .navItem { #backgroundColorsHover; .animate(background-color); - padding : 8px 12px; - font-size : 10px; - font-weight : 800; - line-height : 13px; + position : relative; + box-sizing : border-box; + display : block; + max-height : ~"calc(100vh - 28px)"; // I don't think is correct syntax, but leaving it in for now... (Gazook89) + padding : 8px 5px 13px; + overflow : hidden auto; color : white; text-decoration : none; - text-transform : uppercase; - cursor : pointer; background-color : #333333; - i { - float : right; - margin-left : 5px; - font-size : 13px; - } - &.patreon { - border-right : 1px solid #666666; - border-left : 1px solid #666666; - &:hover i { color : red; } + border-top : 1px solid #888888; + scrollbar-color : #666666 #333333; + scrollbar-width : thin; + .clear { + position : absolute; + top : 50%; + right : 0; + display : none; + width : 20px; + height : 100%; + background-color : #333333; + border-radius : 3px; + opacity : 70%; + transform : translateY(-50%); + &:hover { opacity : 100%; } i { - color : pink; - .animate(color); - animation-name : pinkColoring; - animation-duration : 2s; + width : 100%; + height : 100%; + margin : 0; + font-size : 10px; + text-align : center; } } - &.editTitle { // this is not needed at all currently - you used to be able to edit the title via the navbar. - padding : 2px 12px; - input { - width : 250px; - padding : 2px; - margin : 0; - font-family : 'Open Sans', sans-serif; - font-size : 12px; - font-weight : 800; - color : white; - text-align : center; - background-color : transparent; - border : 1px solid @blue; - outline : none; - } - .charCount { - display : inline-block; - margin-left : 8px; - color : #666666; - text-align : right; - vertical-align : bottom; - &.max { color : @red; } + &:hover { + background-color : @blue; + .clear { + display : grid; + place-content : center; } } - &.brewTitle { - flex-grow : 1; - font-size : 12px; - font-weight : 800; - color : white; + .title { + display : inline-block; + width : 100%; + overflow : hidden auto; + text-overflow : ellipsis; + white-space : nowrap; + } + .time { + position : absolute; + right : 2px; + bottom : 2px; + font-size : 0.7em; + color : #888888; + } + &.header { + box-sizing : border-box; + display : block; + padding : 5px 0; + color : #BBBBBB; text-align : center; - text-transform : initial; - background-color : transparent; - } - // "The Homebrewery" logo - &.homebrewLogo { - .animate(color); - font-family : 'CodeBold'; - font-size : 12px; - color : white; - div { - margin-top : 2px; - margin-bottom : -2px; - } - &:hover { color : @blue; } - } - &.metadata { - position : relative; - display : flex; - flex-grow : 1; - align-items : center; - height : 100%; - padding : 0; - i { margin-right : 10px;} - .window { - position : absolute; - bottom : 0; - left : 50%; - z-index : -1; - display : flex; - flex-flow : row wrap; - align-content : baseline; - justify-content : flex-start; - width : 440px; - max-height : ~"calc(100vh - 28px)"; - padding : 0 10px 5px; - margin : 0 auto; - background-color : #333333; - border : 3px solid #444444; - border-top : unset; - border-radius : 0 0 5px 5px; - box-shadow : inset 0 7px 9px -7px #111111; - transition : transform 0.4s, opacity 0.4s; - &.active { - opacity : 1; - transform : translateX(-50%) translateY(100%); - } - &.inactive { - opacity : 0; - transform : translateX(-50%) translateY(0%); - } - .row { - display : flex; - flex-flow : row wrap; - width : 100%; - h4 { - box-sizing : border-box; - display : block; - flex-basis : 20%; - flex-grow : 1; - min-width : 76px; - padding : 5px 0; - color : #BBBBBB; - text-align : center; - } - p { - flex-basis : 80%; - flex-grow : 1; - padding : 5px 0; - font-family : 'Open Sans', sans-serif; - font-size : 10px; - font-weight : normal; - text-transform : initial; - .tag { - display : inline-block; - padding : 2px; - margin : 2px 2px; - background-color : #444444; - border : 2px solid grey; - border-radius : 5px; - } - a.userPageLink { - color : white; - text-decoration : none; - &:hover { text-decoration : underline; } - } - } - &:nth-of-type(even) { background-color : #555555; } - } - } - } - &.warning { - position : relative; - color : white; - background-color : @orange; - &:hover > .dropdown { visibility : visible; } - .dropdown { - position : absolute; - top : 28px; - left : 0; - z-index : 10000; - box-sizing : border-box; - display : block; - width : 100%; - padding : 13px 5px; - text-align : center; - visibility : hidden; - background-color : #333333; - } - } - &.account { - min-width : 100px; - &.username { text-transform : none;} - } - } - .navDropdownContainer { - position : relative; - .navDropdown { - position : absolute; - top : 28px; - left : 0px; - z-index : 10000; - width : 100%; - max-height : calc(100vh - 28px); - overflow : hidden auto; - .navItem { - position : relative; - display : block; - width : 100%; - padding : 8px 5px; - border : 1px solid #888888; - border-bottom : 0; - animation-name : glideDropDown; - animation-duration : 0.4s; - } - } - &.recent { - position : relative; - .navDropdown .navItem { - #backgroundColorsHover; - .animate(background-color); - position : relative; - box-sizing : border-box; - display : block; - max-height : ~"calc(100vh - 28px)"; // I don't think is correct syntax, but leaving it in for now... (Gazook89) - padding : 8px 5px 13px; - overflow : hidden auto; - color : white; - text-decoration : none; - background-color : #333333; - border-top : 1px solid #888888; - scrollbar-color : #666666 #333333; - scrollbar-width : thin; - .clear { - position : absolute; - top : 50%; - right : 0; - display : none; - width : 20px; - height : 100%; - background-color : #333333; - border-radius : 3px; - opacity : 70%; - transform : translateY(-50%); - &:hover { opacity : 100%; } - i { - width : 100%; - height : 100%; - margin : 0; - font-size : 10px; - text-align : center; - } - } - &:hover { - background-color : @blue; - .clear { - display : grid; - place-content : center; - } - } - .title { - display : inline-block; - width : 100%; - overflow : hidden auto; - text-overflow : ellipsis; - white-space : nowrap; - } - .time { - position : absolute; - right : 2px; - bottom : 2px; - font-size : 0.7em; - color : #888888; - } - &.header { - box-sizing : border-box; - display : block; - padding : 5px 0; - color : #BBBBBB; - text-align : center; - background-color : #333333; - border-top : 1px solid #888888; - &:nth-of-type(1) { background-color : darken(@teal, 20%); } - &:nth-of-type(2) { background-color : darken(@purple, 30%); } - } - } + background-color : #333333; + border-top : 1px solid #888888; + &:nth-of-type(1) { background-color : darken(@teal, 20%); } + &:nth-of-type(2) { background-color : darken(@purple, 30%); } } } } } - - // this should likely be refactored into .navDropdownContainer - .save-menu { - .dropdown { z-index : 1000; } - .navItem i.fa-power-off { - color : red; - &.active { - color : rgb(0, 182, 52); - filter : drop-shadow(0 0 2px rgba(0, 182, 52, 0.765)); - } - } - } - - - - - +} + +// this should likely be refactored into .navDropdownContainer +.save-menu { + .dropdown { z-index : 1000; } + .navItem i.fa-power-off { + color : red; + &.active { + color : rgb(0, 182, 52); + filter : drop-shadow(0 0 2px rgba(0, 182, 52, 0.765)); + } + } } From 59e87697ff1029c6c843deddea7edcc285e4efea Mon Sep 17 00:00:00 2001 From: Trevor Buckner Date: Fri, 1 Mar 2024 01:27:46 -0500 Subject: [PATCH 38/38] linting --- client/homebrew/navbar/navbar.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less index ccbdf1f7a..4983aa696 100644 --- a/client/homebrew/navbar/navbar.less +++ b/client/homebrew/navbar/navbar.less @@ -1,4 +1,4 @@ -@import "naturalcrit/styles/colors.less"; +@import 'naturalcrit/styles/colors.less'; @navbarHeight : 28px; @@ -156,7 +156,7 @@ align-content : baseline; justify-content : flex-start; width : 440px; - max-height : ~"calc(100vh - 28px)"; + max-height : ~'calc(100vh - 28px)'; padding : 0 10px 5px; margin : 0 auto; background-color : #333333; @@ -266,7 +266,7 @@ position : relative; box-sizing : border-box; display : block; - max-height : ~"calc(100vh - 28px)"; // I don't think is correct syntax, but leaving it in for now... (Gazook89) + max-height : ~'calc(100vh - 28px)'; padding : 8px 5px 13px; overflow : hidden auto; color : white;