Commit bbb38776 authored by yPhil's avatar yPhil
Browse files

Menu buttons in chrome

parent f15d6fbf
......@@ -11,7 +11,7 @@
![Pétrolette](https://framagit.org/yphil/assets/-/raw/main/img/petrolette.png)
[Pétrolette Official website](http://takeoff.petrolette.space)
[Pétrolette Official website](http://petrolette.space)
Read about it in French [ici](https://linuxfr.org/users/philippemc/journaux/decollage-de-la-petrolette-de-l-espace) ; Test instance [here](http://petrolette.space/).
......@@ -40,6 +40,11 @@ npm install
npm start
xdg-open http://localhost:8000
```
#### Testing
```javascript
npm test
```
### LICENSE
......
......@@ -573,8 +573,7 @@ select {
height: 30px;
}
fieldset,
legend {
fieldset {
background: var(--color-ui-qua) !important;
color: var(--color-ui-pri);
}
......@@ -583,6 +582,10 @@ legend {
font-size: 9pt;
}
legend {
color: var(--color-ui-pri);
}
.js-enabled-only {
display: none;
}
......@@ -884,11 +887,14 @@ ul.help li.cloud::before {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: -moz-available;
width: -moz-available; /* WebKit-based browsers will ignore this. */
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
width: fill-available;
}
.flex-box > label {
flex: 1;
flex-grow: 4;
}
nav#sideMenu .flex-box > * {
......@@ -1247,6 +1253,34 @@ li.feed:hover div.feed-body {
}
}
.introjs-skipbutton {
color: var(--color-ui-pri) !important;
font-size: 9pt;
}
h1.introjs-tooltip-title {
color: var(--color-ui-sec) !important;
}
.introjs-tooltiptext a {
color: var(--color-ui-pri) !important;
text-decoration: underline !important;
}
.introjs-tooltiptext a:hover {
color: var(--color-ui-sec) !important;
text-decoration: underline !important;
}
.introjs-skipbutton:hover {
color: var(--color-ui-sec) !important;
}
.introjs-tooltipbuttons {
border-top: none;
}
span.introjs-helperNumberLayer {
/* background: linear-gradient(to bottom,#ff3019 0,#cf0404 100%); */
background: var(--color-ui-sec);
......@@ -1397,11 +1431,11 @@ div#logo-title > .logo-title > a:hover {
#beggar a.beggarLink:link,
#beggar a.beggarLink:visited {
text-decoration: underline !important;
color: var(--color-ui-sec);
color: var(--color-ui-pri);
}
#beggar a.beggarLink:hover {
color: var(--color-ui-sen);
color: var(--color-ui-sec);
}
/* #beggar > h4 { */
......
......@@ -256,31 +256,37 @@ PTL.util = {
dialog.setOptions({
steps: [
{
title: 'Everything starts here',
element: 'input#feed-guess',
intro: '<span class="translate" data-content="Enter a website address URL and click search, then OK, or simply enter the URL of the">' + PTL.tr('Enter a website address/URL and click search, then OK, or simply enter the URL of the') + '</span> <a class="help-rss" href="https://' + PTL.language + '.wikipedia.org/wiki/RSS">' + PTL.tr('feed') + '</a>. <span class="translate" data-content="Heck, enter anything, and Pétrolette will build a feed from your search query">' + PTL.tr('Heck, enter anything, and Pétrolette will build a feed from your search query') + '</span>',
position: 'bottom'
},
{
title: 'Find the feed!',
element: 'button#feedGuessButton',
intro: PTL.tr('Find the feed of this website, or build a new one from the search terms.'),
position: 'left'
},
{
title: 'Keep everything tidy',
element: 'fieldset#feedGroupFieldset',
intro: PTL.tr('Move this feed to another group.'),
position: 'bottom'
},
{
title: 'Feed type',
element: 'fieldset#feedType',
intro: PTL.tr('The type of feed: It can be all text, all image, or mixed.'),
position: 'top'
},
{
title: 'Number of items',
element: 'fieldset#feedLimitFieldset',
intro: PTL.tr('How many new items should this feed display at a time?'),
position: 'top'
},
{
title: 'B-bye!',
element: 'label#kill-feed',
intro: PTL.tr('Delete this feed'),
position: 'top'
......
......@@ -66,7 +66,7 @@
<legend data-content="Items"
class="ui-corner-top translate">Items</legend>
<fieldset id="feedLimitFieldset" class="ui-widget ui-widget-content ui-corner-all">
<fieldset id="feedLimitFieldset" class="ui-widget ui-widget-content ui-corner-all" data-title="Woyo!">
<div class="flex-box translate"
data-title="Number of items displayed in this feed">
<div class="feedLimit grow">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment