r-labs » SkillMaps

一応直し方を共有にておきますー

SkillmapsPopupPanel.ui.xmlの
各divタグを全部消します

次にcontentsPanelのタグをScrollPanelでラップして
そのスクロールパネルに適当なheightを設定します

あとはSkillmapsPopupPanel.javaの
centerメソッド内、90行以降を消します

あとは入らないメソッド消せばなおるはずです
たぶん、、、、

携帯からなので分かりにくかったらすいません

あっすみません。

手元でちょちょっと既に試してみました。
とりあえずデプロイしてあります。

http://feature-765.skillmaps.appspot.com/

なるほど固定をやめるんですねー

何となくしたの方にスクロールした状態で
ユーザー選んだときにちゃんと選んでるのか分かりにくかったので
固定にしてたのですが不要そうですねー

あわわ。
すみません、固定はした方がよいですね。

固定の中でスクロールするのを避ける方向でUIを作りたいです。
(いまTwitterみたらそうなってたので)

とりあえず固定に戻しました。

http://feature-765.skillmaps.appspot.com/

ツイッターの場合だとダッシュボード表示時にコンテンツの高さが決まっていて
それ以降変化がないため、スクロールバーをjsで出せるのですが
うちの場合は表示後に高さが変わるため、
動的にスクロールバーを変える必要があります

jsを利用しないブラウザ標準のものであれば、
かくかくすることもないと考えています。

ちょっとデザイン的にあれですが、、、

うまく見えるようには調整してみます

Twitterのdashboardを調べたのですが、自分にはわけがわからなかったです…。

position: fixed;

を使わずに位置を固定する方法が検討もつかない…

ツイッターもfixedを利用して固定してますよー

ただ固定化している箇所がdetails-panel-shellと呼ばれる場所で
リンクなどをクリックしたときにタイムラインの裏から
出るようなエフェクトをするために
タイムラインの後ろ側にも要素が拡張されています

あとツイッター見てて気がついたのですが
ツイッターの場合はwebkitの疑似要素を使って
すくろーるばーのデザインしているみたいですね

ちょっと近いうちにそれを試してみます

へぇー。firebugで調べた限りではわかりませんでした^^;

これ以降はおーはしさんにお任せしますm(_ _)m

Twitterみたいにdashboard上でできることを制限して高さを固定しても良いかもしれませんね。
UserUI内で制限をかけるようにして。