Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added RightSidebar Kodi icon and hover effect on progress slider #79

Closed
wants to merge 21 commits into from
Closed

Added RightSidebar Kodi icon and hover effect on progress slider #79

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
21 commits
Select commit Hold shift + click to select a range
3fc31e9
Changed RightSidebar Kodi icon and added hover effect on progress slider
developingright Apr 2, 2022
8fd7d4e
update to parcel 2.0
Apr 3, 2022
f382788
added addon.xml and icon.png and tested installing from zip
Apr 3, 2022
83ed2a0
Update readme and gitignore
razzeee Apr 3, 2022
64980fe
Use pipeline to bundle
razzeee Apr 3, 2022
7e9e63d
Merge pull request #81 from xbmc/addon
razzeee Apr 3, 2022
c9e0971
Bump ansi-regex from 4.1.0 to 4.1.1
dependabot[bot] Apr 3, 2022
54f3889
update demo gif path in readme
ionif Apr 4, 2022
2611f9b
Merge pull request #82 from xbmc/dependabot/npm_and_yarn/ansi-regex-4…
razzeee Apr 15, 2022
b5a1e50
changes regarding usage of local image
developingright Apr 21, 2022
367d8ff
fixed variable names and inlined the function
Kunal-8789 Apr 20, 2022
ae41ce7
changed few variable names.
Kunal-8789 Apr 22, 2022
f9f79e3
Merge pull request #84 from Kunal-8789/work_on_videos_page
razzeee Apr 25, 2022
3e41059
Used local image for rightsidebar and installed parcel-static-file pa…
developingright Apr 25, 2022
2830291
updated package.json and used parcel2 version of static-files-copy pa…
developingright Apr 27, 2022
a620d0e
Changed RightSidebar Kodi icon and added hover effect on progress slider
developingright Apr 2, 2022
a3999e6
changes regarding usage of local image
developingright Apr 21, 2022
e94d190
Used local image for rightsidebar and installed parcel-static-file pa…
developingright Apr 25, 2022
556fc31
updated package.json and used parcel2 version of static-files-copy pa…
developingright Apr 27, 2022
2cd1a30
updated transfomer-elm version
developingright May 1, 2022
231d790
fixed conflicts
developingright May 1, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions public/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -168,6 +168,12 @@

.input-range__progress {
background-color: rgb(51, 51, 51);
border-right: 7px solid rgba(0,0,0,0);
transition: border-color 0.2s linear;
}

.input-range__progress:hover{
border-right: 7px solid rgb(99, 97, 97);
}

.input-range-labels-container {
Expand Down
15 changes: 13 additions & 2 deletions src/Components/RightSidebar.elm
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,9 @@ module Components.RightSidebar exposing (view)

import Colors exposing (greyIcon)
import Components.LayoutType exposing (ShowRightSidebarMenu)
import Element exposing (Attribute, Element, alignRight, centerX, centerY, column, el, fill, height, htmlAttribute, padding, paddingXY, px, rgb, row, spacing, text, width)
import Element exposing (Attribute, Element, alignRight, centerX, centerY, column, el, fill, height, htmlAttribute, image, padding, paddingXY, px, rgb, row, spacing, text, width)
import Element.Background as Background
import Element.Font as Font
import Element.Input as Input
import Html.Attributes
import Material.Icons as Filled
Expand All @@ -17,7 +18,17 @@ view { showRightSidebarMenu, showRightSidebarMenuMsg, clearPlaylistMsg, refreshP
column
[ height (px panelHeight), width (px 400), Background.color Colors.playlistHeaderBackground, alignRight, htmlAttribute <| Html.Attributes.style "pointer-events" "all" ]
[ row [ width fill ]
[ Input.button [ Background.color Colors.backgroundKodi, height (px 50), width (px 100), padding 8 ] { onPress = Just rightSidebarMsg, label = Element.text "Kodi" }
[ Input.button [ Background.color Colors.backgroundKodi, height (px 50), width (px 100), padding 8 ]
{ onPress = Just rightSidebarMsg
, label =
Element.row []
[ image [ width (px 15), height (px 15), paddingXY 15 0 ]
{ description = ""
, src = "https://raw.githubusercontent.com/ionif/elm-chorus/master/logo.png"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This will need to be a local image in the end. Chorus will have to work fine when your offline.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @razzeee ,
I have made changes to the code, now the images which is being used in the rightsidebar is local.

}
, el [ Font.color (Element.rgb255 18 178 231) ] (text " Kodi")
]
}
, Input.button [ Background.color Colors.backgroundLocal, height (px 50), width (px 100), padding 8 ]
{ onPress = Just rightSidebarMsg
, label =
Expand Down