pokemon-showdown-client/style/teambuilder.css
Guangcong Luo b47708efa0 Implement teambuilder dropdown selector
This took way too long to get to a presentable state.

- search.js has been refactored into battle-search.ts (search logic)
  and battle-searchresults.tsx (display)

- panel-teambuilder.tsx has been split into teambuilder (team list) and
  teambuilder-team (team editor).

- The teambuilder's text editor can now detect which line it's on,
  and show the appropriate search result panel.

- The teambuilder's text editor now detects sets dynamically, and has
  the beginnings of support for set comments.

Currently, everything here is really basic, and mostly just a tech
demo for people to play around with and understand the direction of
the new teambuilder, but it'll be improved over time.
2019-06-25 00:51:27 -07:00

53 lines
975 B
CSS

.teamtextbox {
width: 100%;
padding-top: 8px;
padding-left: 100px;
box-sizing: border-box;
line-height: 20px;
}
.teaminnertextbox {
width: 320px;
height: 18px;
left: 96px;
position: absolute;
pointer-events: none;
border: 1px solid #4488CC;
border-radius: 3px;
box-shadow: inset 0px 1px 2px #D2D2D2, 0px 0px 5px #66AADD;
background: transparent;
}
.searchresults {
background: #f2f2f2;
border: 1px solid #888888;
border-radius: 2px;
position: fixed;
bottom: 5px;
left: 5px;
width: 640px;
min-height: 200px;
max-height: 400px;
overflow: auto;
}
.teameditor {
position: relative;
}
.teameditor .heighttester {
position: absolute;
top: 0;
left: 0;
overflow-y: hidden;
height: 10px;
/* I have no clue what the default <textarea> box-sizing is but "content-box" doesn't mean what you'd think */
box-sizing: border-box;
}
.teameditor hr {
position: absolute;
pointer-events: none;
left: 10px;
right: 10px;
}