Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

#38 Implement Feedback Given #107

Merged
merged 5 commits into from
Feb 14, 2023
Merged

Conversation

kahoragachau
Copy link
Contributor

@kahoragachau kahoragachau commented Feb 10, 2023

Description

Create a section on the site that lists Elewa group partners Horizontally.

To achieve this, we needed to:

- Find the best assets to use for our images
- Make it visible on the page so users can notice it easily

Fixes #38

##Screenshots

Desktop

Desktop

Mobile

image

Type of change

Please delete options that are not relevant.

  • Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

The Issue has been tasted by using various web browser

  • Test via chrome
  • Test via microsoft bing

Checklist:

  • My code follows the style guidelines of this project
  • I have performed a self-review of my code
  • I have commented my code, particularly in hard-to-understand areas
  • My changes generate no new warnings
  • Any dependent changes have been merged and published in downstream modules

@kahoragachau
Copy link
Contributor Author

@IanOdhiambo9 Awaiting feedback and review

@IanOdhiambo9
Copy link
Collaborator

No screenshots provided for your work, mobile and web.

Comment on lines 1 to 7
<div class="center">
<ul>
<li *ngFor="let image of imageUrl">
<img src="{{image.image}}" height="25" width="75">
</li>
</ul>
</div>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

spaces/indent should be 2

Comment on lines 1 to 19
.center{
display: flex;
justify-content: center;
align-items: center;
}

ul{
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
}
li{
list-style-type: none;
height: 20px;
width: 30px;
padding: 30px;
}

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not styles for mobile view, should be a vertical list on mobile with org logos in pairs of 2 in each row

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@IanOdhiambo9 I've Implemented styles for the mobile view .

Comment on lines 9 to 38
imageUrl = [
{
id: 1,
"image": "https://rwanda.vvob.org/sites/rwanda/files/styles/780pxx330px/public/images/mainimagebig/ok.jpg?itok=zMR2_g-z"
},
{
id: 2,
"image": "https://images.squarespace-cdn.com/content/v1/5c9b88e00cf57d033337013f/1560884247023-4T57CS4T1C6VX94JK5JV/farmbetter_for_website.png?format=1500w"
},
{
id: 3,
"image": "https://www.greenclimate.fund/sites/default/files/organisation/logo-enabel.png"
},
{
id: 4,
"image": "https://savics.org/wp-content/uploads/2020/10/SavicsREF_Horizontal_RGB.jpg"
},
{
id: 5,
"image": "https://www.bigmaninthewoods.co.uk/wp-content/uploads/2018/05/1341315_scouts_logo_horizontal_purple.png"
},
{
id: 6,
"image": "https://wwfke.awsassets.panda.org/img/wwf_logo_750_x_600_490968.jpg"
},
{
id: 7,
"image": "https://wwfke.awsassets.panda.org/img/wwf_logo_750_x_600_490968.jpg"
}
];
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No need for Id's just do a list of strings

@kahoragachau
Copy link
Contributor Author

@IanOdhiambo9 Implemented feedback given, awaiting review

@IanOdhiambo9 IanOdhiambo9 merged commit 59dca8a into italanta:staging Feb 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants