alu/cse110-fa22-group29
1
0
Fork 0
mirror of https://github.com/cse110-fa22-group29/cse110-fa22-group29.git synced 2024-12-26 00:49:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix tag vertical fitting issue

Browse Source 
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2022-11-26 18:39:33 -08:00
parent a63552f32b
commit f99cfd0eff
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
source/assets/scripts/ReviewCard.js
View File

@ -80,14 +80,18 @@ class ReviewCard extends HTMLElement {
font-size: 12px;
}
.tag-container {
.tag-container-div {
margin-top: 20px;
display: flex;
flex-flow: row wrap;
height: 100px;
overflow: hidden;
}
.tag-container {
display: flex;
flex-flow: row wrap;
height: fit-content;
}
.a-tag {
background-color:#94da97;
border-radius: 6px;
@ -95,6 +99,8 @@ class ReviewCard extends HTMLElement {
padding: 0px 6px 2px 6px;
margin: 2px 2px 2px 2px;
font-weight: bold;
overflow: hidden;
height: 14px;
}
`;
articleEl.append(styleEl);
@ -191,6 +197,8 @@ class ReviewCard extends HTMLElement {
ratingDiv.append(starsImg);
//added tags
let tagContainerDiv = document.createElement("div");
tagContainerDiv.setAttribute("class", "tag-container-div");
let tagContainer = document.createElement("div");
tagContainer.setAttribute("class", "tag-container");
tagContainer.setAttribute("id", "a-tags");
@ -203,6 +211,7 @@ class ReviewCard extends HTMLElement {
tagContainer.append(newTag);
}
}
tagContainerDiv.append(tagContainer);
//adding final ID to data!
@ -210,7 +219,7 @@ class ReviewCard extends HTMLElement {
articleEl.append(meallabelDiv);
articleEl.append(restaurantLabel);
articleEl.append(ratingDiv);
articleEl.append(tagContainer);
articleEl.append(tagContainerDiv);
articleEl.append(comments);