【ポータル】スペース一覧等の角を丸くする

kintone カスタマイズ
1

お世話になります。

kintoneのポータルカスタマイズを行っており、ポータル画面で

参加中のスペースが表示される一覧の4つの角を丸くしたいと考えております。

CSSで以下のように指定しておりますが、うまくいきません。

指定するクラスが間違っているのでしょうか？

どなたかご教示いただけますと幸いです。

.ocean-portal-space{

border-radius:10px10px10px10px;

}

2

こんにちは。

CSSのクラスが間違っているようですね。

.ocean-portal-space は 一番外側のクラスなので、その中にある .gaia-argoui-widget を指定する必要があります。
また、 border-radius で四隅にすベて同じ丸みをつける場合は、以下のような指定だけで実装できます。

.gaia-argoui-widget {
  border-radius: 10px;
}

 

上記のコードでは右上のアイコンまでは丸くならないので、アイコンのクラスの左上だけを丸くするCSSを別で書く必要があります。

 

試してみてください。

3

y_jedi 様

お世話になります。

ご返信ありがとうございます。

ご教示いただいた通り、クラスの指定を変えたところ、実装ができました。

アイコンについてもクラスを調べて丸くしてみたいと思います！