ucalgary-baja/ucalg-baja-ca
6
1
Fork 0
Code Issues 19 Pull requests 2 Projects Releases Wiki Activity Actions

Gallery Component Mobile - Design #19

New issue
Closed
opened 2025-10-20 12:49:48 -06:00 by cnidariaware · 1 comment
cnidariaware commented 2025-10-20 12:49:48 -06:00
Owner
Copy link

The Problem

What does it look like on mobile?

Task

  1. Take the existing elements and make them fit and flow on a mobile devices
  2. Sketch up a design (wireframe) of the gallery and present it to the team
  3. Use feedback on design and modify design then present again
  4. Use final round of feedback and modify again
## The Problem What does it look like on mobile? ## Task 1. Take the existing elements and make them fit and flow on a mobile devices 2. Sketch up a design (wireframe) of the gallery and present it to the team 3. Use feedback on design and modify design then present again 4. Use final round of feedback and modify again
cnidariaware added the due date 2025-12-06 2025-10-20 12:50:07 -06:00
cnidariaware changed title from Gallery Component Mobile Development to Gallery Component Mobile - Development 2025-10-20 12:50:17 -06:00
cnidariaware changed title from Gallery Component Mobile - Development to Gallery Component Mobile - Design 2025-10-20 12:50:29 -06:00
Aarsh-T commented 2025-11-19 19:56:43 -07:00
Member
Copy link

For the mobile design

  • Make sure the images cut off properly, and don't overflow
  • Hide the buttons as they won't be as useful on mobile
  • Change the aspect ratio of the dialog tag to optimize for the screen
For the mobile design - Make sure the images cut off properly, and don't overflow - Hide the buttons as they won't be as useful on mobile - Change the aspect ratio of the dialog tag to optimize for the screen
Mobile Gallery Component.drawio.png
39 KiB
Mobile Gallery Component.drawio.png
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
master
v2.0.0
v2.0.0-history-animations
v2.0.0-text-n-font
TeamV2
sponsorV2
dev
rform
issue-templete
No results found.
Labels
Clear labels
  
Confirmed
Confirmed
 Issue has been confirmed

  
Confirmed
Duplicate
 This issue or pull request already exists

  
Confirmed
Invalid
 Invalid issue

  
Confirmed
Review Needed
 Please review this pull request

  
Confirmed
Won't Fix
 This issue won't be fixed

  
Digital Dash
  
JavaScript
React

  
JavaScript
Svelte

  
Kind
Bug
 Something is not working

  
Kind
Enhancement
 Improve existing functionality

  
Kind
Feature
 New functionality

  
Kind
Security
 This is security issue

  
Priority
Critical
 The priority is critical

  
Priority
High
 The priority is high

  
Priority
Low
 The priority is low

  
Priority
Medium
 The priority is medium

  
Role
All Members
 There is a design component where feedback is appreciated to enhance the solution

  
Role
Future Software Lead
 Additional Language "Access": All

  
Role
Intermediate Member
 Additional Language "Access": YAML, C, C++/Arduino, Golang, Rust, Java (please avoid), Bash, Docker, Kubernetes

  
Role
Junior Member
 Language "Access": Python, HTML, CSS, JavaScript, JSON, XML, Lua

  
Role
Senior Member
 Additional Language "Access": Terraform, GitHub Actions

  
Role
Software Lead
 Additional Language "Access": All

  
Size
L
 A large amount of predicted work

  
Size
M
 A medium amount of predicted work

  
Size
S
 A small amount of predicted work

  
Size
XL
 A massive amount of predicted work

  
Size
XS
 A very small amount of predicted work

  
Status
Abandoned
 Somebody has started to work on this but abandoned work

  
Status
Blocked
 Something is blocking this issue or pull request

  
Status
Help wanted
 Need some help

  
Status
Need More Info
 Feedback is required to reproduce issue or to continue work

  
Status
Question
 More information is needed

  
Tech
Actions
 Working with actions/workflow in a yaml file

  
Tech
C
 C Language

  
Tech
C++
 C++ Language

  
Tech
CSS
 CSS Language

  
Tech
Docker
 Using the docker or compose technology

  
Tech
Draw.io
 Using the draw.io application

  
Tech
Golang
 Go Language

  
Tech
HTML
 HTML Language

  
Tech
JavaScript
 JavaScript Language

  
Tech
Python
 Python Language

  
Tech
Rust
 Rust Language

  
Tech
Terraform
 Terraform Language

  
UI
Component

  
UI
Layout

  
UI
Page

  
Work Type
Design Work
 Creating A Design

  
Work Type
Development
 Writing Code

  
Work Type
Documentation
 Leaving Details of how it works behind

  
Work Type
Review
 Pull requests and code reviews

  
Work Type
Testing
 Issue or pull request related to testing

No labels
Confirmed
Confirmed
Confirmed
Duplicate
Confirmed
Invalid
Confirmed
Review Needed
Confirmed
Won't Fix
Digital Dash
JavaScript
React
JavaScript
Svelte
Kind
Bug
Kind
Enhancement
Kind
Feature
Kind
Security
Priority
Critical
Priority
High
Priority
Low
Priority
Medium
Role
All Members
Role
Future Software Lead
Role
Intermediate Member
Role
Junior Member
Role
Senior Member
Role
Software Lead
Size
L
Size
M
Size
S
Size
XL
Size
XS
Status
Abandoned
Status
Blocked
Status
Help wanted
Status
Need More Info
Status
Question
Tech
Actions
Tech
C
Tech
C++
Tech
CSS
Tech
Docker
Tech
Draw.io
Tech
Golang
Tech
HTML
Tech
JavaScript
Tech
Python
Tech
Rust
Tech
Terraform
UI
Component
UI
Layout
UI
Page
Work Type
Design Work
Work Type
Development
Work Type
Documentation
Work Type
Review
Work Type
Testing
Milestone
Clear milestone
No items
No milestone
Gallery Component
Projects
Clear projects
No items
No project
Front End
Assignees
Clear assignees
No assignees
Aarsh-T
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

2025-12-06

Blocks
#20 Gallery Component Mobile - Programming
ucalgary-baja/ucalg-baja-ca
Depends on
#1 Gallery Component - Programming
ucalgary-baja/ucalg-baja-ca
Reference
ucalgary-baja/ucalg-baja-ca#19
No description provided.