Team Geeks - Beta Sprint log 2

[Team_Geeks]

I. SCRUM

Achievements from yesterday’s stand-up meeting to the present

• 周玥：

  Update:

  • SCSS Mixin for Button Colors: The page includes a SCSS mixin named colorBtn which applies a background color to buttons and changes the color on hover.
  • Button Classes: There are several button classes defined such as .blue-btn, .light-blue-btn, .red-btn, etc., each including the colorBtn mixin with different color variables.
  • Pan Button Style: The .pan-btn class has additional styles for font size, padding, border-radius, and hover effects with before and after pseudo-elements.
  • Custom Button: A .custom-button class is also defined for a generic button style with properties like line-height, background, color, and border-radius.

• 黄家成

  My changes include style overrides for Element UI components .el-breadcrumb__inner, .el-upload, .cell, .small-padding, .fixed-width, .status-col, .el-dialog, .upload-container, .el-dropdown-menu, .el-range-editor.el-input__inner, and .el-menu--collapse. Specific modifications include font weight adjustments, display property changes, padding, width, and text alignment tweaks, as well as fixes for known issues with Element UI components.

• 姚依林

  Update:

  • Theme Customization: The file contains customizations for the default theme color of the Element UI library, suggesting the original colors were considered too light for long-term use.
  • Color Variables: New color variables are defined for primary, success, warning, and danger themes, as well as other UI elements like buttons and borders.
  • Sass & Webpack Integration: The :export directive is used, indicating an integration between Sass and Webpack to share variables between JavaScript and Sass.

• 蔡心林

  Update:

  • The .app-container class sets the width and margin of the main container element, as well as the background color and box-shadow properties.
  • The .pagination-container class applies flexbox properties to align and justify the pagination elements, as well as adding some padding and margin.
  • The .sub-navbar class styles the secondary navigation bar with a fixed position, a gradient background, and a box-shadow effect. It also uses a media query to adjust the display property for smaller screens.
  • The body element sets the font-family, font-size, and line-height properties for the entire document, as well as the overflow-x property to prevent horizontal scrolling.

• 林泳坤

  Update:

  The added code consists of several SCSS mixins, which are reusable CSS code blocks. These mixins include:

  • clearfix: Clears floated elements within a container.
  • scrollBar: Customizes the appearance of scrollbars.
  • relative: Sets the position of an element to relative.
  • pct: Sets the width of an element as a percentage.
  • triangle: Creates a triangle shape in a specified direction.

• 许嘉森

  Update:

  • General Layout: Introduced common CSS styles for padding and margin, enhancing the visual spacing across elements.
  • Typography: Standardized font properties for headings, ensuring consistency in design.
  • Dialog & Table: Improved dialog margin and table body overflow handling for better user experience.
  • Form & Table Layout: Added distinct styles for form headers and pagination, optimizing layout structure.
  • Color & Text: Defined new button and text color classes, enriching the UI’s visual appeal.
  • Image & Dragging: Included styles for image presentation and drag-and-drop functionality, increasing interactivity.

  This update refines the overall styling, contributing to a more polished and user-friendly interface.

• 范文卓

  Update:

  • Styling Updates: The changes involve styling updates for a sidebar element in a web application, including transitions, positioning, and responsive design for mobile devices.
  • Code Specifics: The code includes CSS properties for elements such as .main-container, .sidebar-container, and .el-menu, with specific focus on visual aspects like width, height, background color, and hover effects.

• 孙仲恒：

  Update:

  • Global Transition CSS: This section defines a global CSS class for handling fade transitions. It specifies the duration and type of transition that will be applied to elements when they enter or leave the DOM.
  • Fade Transform: This part introduces a transformation effect combined with fading. It’s useful for animating elements in a more complex way, such as moving them on the X-axis while fading in or out.
  • Breadcrumb Transition: This is a specific transition style for breadcrumb navigation elements. It provides a smooth animation when breadcrumb links are interacted with.

• 孙逊

  Update:

  Defined a set of Sass variables for base colors, menu themes, and sidebar width. It includes colors like $blue, $red, $green, and others for use in styling the web application.

Commit record

Meeting photo

PM Report

Burnup map

Running image of our current program