Comments (6)
We have to investigate the maximum length of the player's name and set the size of that box so it will fit in all the time. I think the icon should be smaller as well.
from cupapp.
The max length of an SC2 nickname is 12 characters currently.
I'd say let's make it 200px wide, so the left panel would be 360px then. Agree?
I'll upload even smaller icons soon
from cupapp.
I believe is you just make the icon smaller then it will resolve this problem. Also, the example disappeared :D
from cupapp.
The example is here: http://test.cupapp.com/en/replay/view/7/1v1-Lost_Temple-LiquidHuK-IMJunwiPirme
I have set the players panel to 200px and made the icons smaller. I still think it's possible for player names to be too long (i.e. "MMMMMMMMMMMM" would probably not fit), but I have also noticed that giving a really long description for a replay also screws up the layout so we might have to come up with a more dynamic one. Example: http://test.cupapp.com/en/replay/view/12/Nemtudni-Metalopolis-Flint-Zsol-sHadowLigHt-Stylosa
from cupapp.
Put the description field in a paragraph tag and add the next styles:
width: 260px;
word-wrap: break-word;
from cupapp.
this is now fixed in the latest commit
from cupapp.
Related Issues (20)
- Smileys are needed in comment HOT 1
- Average APM is weird HOT 5
- Reporting broken replays HOT 1
- Uploading of similar replays HOT 1
- Batch upload
- Upload progress
- Display map thumbnails
- Cup mode HOT 1
- Uploader should be able to edit own replays HOT 1
- APM Graphs
- Short URLS
- Comment box needs fancying HOT 1
- Embeddable replay bars
- Decent 404 page
- Username should be limited to a set of characters
- Latest comments box shows wrong timestamp HOT 1
- Replay message box should have proper time values HOT 1
- Display players' division/league HOT 1
- robots.txt
- Extend replay categories
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cupapp.