2022年5月10日火曜日
Qooq 記事一覧のサムネイルのサイズを変更する方法
忘れないように書いておきます。
赤字の箇所を変更。240は画像のサイズ。4:3は画像の横と縦の比
<img class='list-item-img' expr:src='data:post.thumbnailUrl'/>
を
<img class='list-item-img' expr:src='resizeImage(data:post.thumbnailUrl, 240, "4:3")'/>
flex-basisはlist-item-imgのwidth、heightの大きい方のサイズにする。
.list-item-img-box{
flex-shrink: 0;
flex-basis: 72px;
}
flex-shrink: 0;
flex-basis: 72px;
}
.list-item-img-box{
flex-shrink: 0;
flex-basis: 200px;
}
flex-shrink: 0;
flex-basis: 200px;
}
縦横のサイズを指定する（赤字）
画像の角の丸み。50%は画像が丸。0%は画像が四角。
.list-item-img{
display: block;
border-radius: 50%;
width: 72px;
height: 72px;
object-fit: cover;
}
border-radius: 50%;
width: 72px;
height: 72px;
object-fit: cover;
}
.list-item-img{
display: block;
border-radius: 0%;
width: 200px;
height: 150px;
object-fit: cover;
}
border-radius: 0%;
width: 200px;
height: 150px;
object-fit: cover;
}
これだけだと、サムネイルがある場合と無い場合で一行の高さが違ってしまう。
2022年5月7日土曜日
他のブラウザのお気に入りをEdgeにコピーする
今までfirefoxを使っていたのですが、Edgeを使う事にしたので、fireFoxで使っていたお気に入りをEdgeでも使えるようにしました。
設定方法
Edgeのブラウザの右上の「…」をクリックし、「お気に入り」をクリックする
お気に入りの「…」をクリック、「お気に入りをインポートする」をクリック
「インポート」ボタンをクリックします。
これで、今まで使っていたお気に入りがつかえるようになりました。
Edgeのタブの位置を上に出す方法
Edgeのタブを上に表示したい
ずっとFirefoxを使っていたのですが、Edgeをつかうのもいいなと、最近使っています。
Edgeでタブを新しく開いたら、左横に表示されてしまう…。
使いにくいので、上に表示するように設定します。
設定方法
タブが表示されている下のスペースを右クリックし、「垂直タブバーをオフにする」を選択
表示されました。
終わり。
【PowerAutomateDesktop】ライブWebヘルパーで赤枠が表示されず、Webデータを抽出できない
タイトルの通りの現象が起きたので、困ってしまいました。
解決したので、方法を書いときます。
現象
「webページからデータを抽出する」 っていうアクションを追加すると、抽出したいページから、抽出したい部分を選択するために、ライブWebヘルパーっていうWindowが表示される。
抽出するには、このウィンドウが開いた状態で、Webページ上の抽出したいデータの上にカーソルを持っていくと、その部分が赤い枠で囲まれるはずなのだが、この枠がでない。
本当はこんな感じで抽出したい場所を選択したら赤枠で囲まれるはずだが、
原因
ブラウザの拡張機能が有効になっていなかったから
解決策
拡張機能を有効にして、PCを再起動する。
ツール→ブラウザー拡張機能→使用するブラウザ（今回はMicrosoftEdge）
インストールをクリックし、拡張機能の追加をクリック。完了メッセージがでたら、PCを再起動する。
