card: add full height property
39db1817
Simon Liebers
committed
succeeded
3 changed files
Card.razor
/WPE.App.Shared.BaseComponents/Pages/Card/Card.razor-1+6
/WPE.App.Shared.BaseComponents/Pages/Card/Card.razor
Add comment 2
Add comment 3 @inherits StyledComponent
Add comment 4
Add comment 5 Minus  <div class="card-wrapper" style="@CardWrapperStyle">
Add comment 5 Plus  <div class="@CardWrapperClass" style="@CardWrapperStyle">
Add comment 6 @if (Title != string.Empty)
Add comment 7 {
Add comment 8 <div class="header-wrapper">
Add comment 31 public bool IsClickable { get; set; } = false;
Add comment 32
Add comment 33 [Parameter]
Add comment 34 Plus   public bool FillAvailableHeight { get; set; } = false;
Add comment 35 Plus  
Add comment 36 Plus   [Parameter]
Add comment 34 37 public string CardWrapperStyle { get; set; } = string.Empty;
Add comment 35 38
Add comment 36 39 private string CardClass => $"card {Class} {(IsClickable ? " clickable" : "")}";
Add comment 40 Plus  
Add comment 41 Plus   private string CardWrapperClass => $"card-wrapper {(FillAvailableHeight ? "fill-available" : "")}";
Add comment 37 42 }
Add comment 38 43
Card.razor.css
/WPE.App.Shared.BaseComponents/Pages/Card/Card.razor.css+13
/WPE.App.Shared.BaseComponents/Pages/Card/Card.razor.css
Add comment 52 transition: 0s;
Add comment 53 }
Add comment 54 }
Add comment 55 Plus  
Add comment 56 Plus  .card-wrapper.fill-available {
Add comment 57 Plus   height: 100%;
Add comment 58 Plus  }
Add comment 59 Plus  
Add comment 60 Plus   .card-wrapper.fill-available .card {
Add comment 61 Plus   flex: 1;
Add comment 62 Plus   }
Add comment 63 Plus  
Add comment 64 Plus   .card-wrapper.fill-available .card > .content-wrapper {
Add comment 65 Plus   position: absolute;
Add comment 66 Plus   inset: 0;
Add comment 67 Plus   }
Add comment 55 68
WPE.App.Shared.BaseComponents.csproj
/WPE.App.Shared.BaseComponents/WPE.App.Shared.BaseComponents.csproj-1+1
/WPE.App.Shared.BaseComponents/WPE.App.Shared.BaseComponents.csproj
Add comment 15 <PackageIcon>icon.png</PackageIcon>
Add comment 16 <PackageReadmeFile>ReadMe.md</PackageReadmeFile>
Add comment 17 <PackageTags>WPE;Workplace Experience;Blazor;MAUI;infsoft</PackageTags>
Add comment 18 Minus   <Version>0.0.47</Version>
Add comment 18 Plus   <Version>0.0.48</Version>
Add comment 19 <WarningsAsErrors>RZ10012</WarningsAsErrors>
Add comment 20 </PropertyGroup>
Add comment 21